[x-cloak] { display: none !important; }

/* === PayTR iframe === */
#paytriframe { width: 100%; min-height: 620px; border: 0; display: block; }

/* === Base === */
html { scroll-behavior: smooth; }
* { transition-timing-function: cubic-bezier(0.4,0,0.2,1); }

/* === Scrollbar === */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { background: #C9A84C44; border-radius: 4px; }

/* === Buttons === */
.btn-primary {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 9999px; background: #0F2949;
  padding: 10px 22px; font-size: 0.875rem; font-weight: 600; color: white;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
}
.btn-primary:hover {
  background: rgba(15,41,73,0.88);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px -4px rgba(15,41,73,0.35);
}

.btn-accent {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 9999px; background: #C9A84C;
  padding: 10px 22px; font-size: 0.875rem; font-weight: 700; color: #0F2949;
  white-space: nowrap;
  transition: filter 0.2s, transform 0.15s, box-shadow 0.2s;
}
.btn-accent:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px -4px rgba(201,168,76,0.5);
}

.btn-outline {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 9999px; border: 1.5px solid #C9A84C;
  padding: 9px 22px; font-size: 0.875rem; font-weight: 600; color: #C9A84C;
  white-space: nowrap;
  transition: background 0.2s, transform 0.15s;
}
.btn-outline:hover { background: rgba(201,168,76,0.08); transform: translateY(-1px); }

.btn-ghost-white {
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 9999px; border: 1.5px solid rgba(255,255,255,0.25);
  padding: 9px 22px; font-size: 0.875rem; font-weight: 600; color: rgba(255,255,255,0.85);
  white-space: nowrap;
  transition: background 0.2s, border-color 0.2s;
}
.btn-ghost-white:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.45); }

/* === Section label === */
.section-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.22em;
  text-transform: uppercase; color: #C9A84C;
}
.section-label::before {
  content: ''; display: block; width: 16px; height: 2px;
  background: #C9A84C; border-radius: 1px;
}

/* === Nav link === */
.nav-link {
  position: relative; padding: 6px 12px; border-radius: 6px;
  font-size: 0.875rem; color: #6B7280;
  transition: color 0.15s;
}
.nav-link:hover { color: #0F2949; }
.nav-link.nav-active { color: #0F2949; font-weight: 600; }
.nav-link::after {
  content: ''; position: absolute; bottom: 1px;
  left: 12px; right: 12px; height: 1.5px;
  background: #C9A84C; border-radius: 1px;
  transform: scaleX(0); transform-origin: left;
  transition: transform 0.2s ease;
}
.nav-link:hover::after, .nav-link.nav-active::after { transform: scaleX(1); }

/* === Card hover === */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}
.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px -8px rgba(15,41,73,0.14);
  border-color: rgba(201,168,76,0.35) !important;
}

/* === Hero dot-grid background === */
.hero-dots {
  background-image: radial-gradient(circle, rgba(15,41,73,0.065) 1.5px, transparent 1.5px);
  background-size: 22px 22px;
}

/* === Section background (break out of padded main) === */
.section-alt {
  margin-left: -1rem; margin-right: -1rem;
  padding-left: 1rem; padding-right: 1rem;
  background: rgba(248,249,250,0.7);
}
@media (min-width: 640px) {
  .section-alt { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; }
}

/* === Electric border (akademisyen card) === */
.electric-border {
  position: relative;
  background: linear-gradient(white, white) padding-box,
              linear-gradient(135deg, #C9A84C, #0F2949, #C9A84C) border-box;
  border: 2px solid transparent; border-radius: 1rem;
  animation: electric-pulse 3s ease-in-out infinite;
}
@keyframes electric-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,168,76,0); }
  50% { box-shadow: 0 0 14px 3px rgba(201,168,76,0.25); }
}

/* === Input focus === */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #C9A84C;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12);
}

/* === Fade-up entry === */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up   { animation: fadeUp 0.5s ease both; }
.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }