/* ===== BASE ===== */
html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; background:#0E0E0E; color:#fff; }
h1,h2,h3,h4 { font-family: 'Montserrat', sans-serif; }

/* ===== GRADIENTS & COLORS ===== */
.gold-grad { background: linear-gradient(135deg, #F4D77A 0%, #D4AF37 50%, #A8841A 100%); }
.gold-text { background: linear-gradient(135deg, #F4D77A, #D4AF37); -webkit-background-clip:text; background-clip:text; color:transparent; }
.star-gold { color: #D4AF37; }

/* ===== PATTERNS ===== */
.pattern-bg {
  background-image:
    radial-gradient(circle at 25% 25%, rgba(212,175,55,0.08) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(212,175,55,0.06) 0%, transparent 50%);
}

/* ===== ANIMATIONS ===== */
.shine { position:relative; overflow:hidden; }
.shine::after {
  content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
  animation: shine 3s infinite;
}
@keyframes shine { 0%{left:-100%;} 50%{left:100%;} 100%{left:100%;} }

.pulse-ring { animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
@keyframes pulse-ring {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.7); }
  70%  { box-shadow: 0 0 0 20px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

.float-anim { animation: float 3s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }

.fade-up { opacity:0; transform: translateY(30px); transition: all .8s ease; }
.fade-up.visible { opacity:1; transform: translateY(0); }

/* ===== FOCUS ===== */
.focus-ring:focus-visible {
  outline: 2px solid #F4D77A;
  outline-offset: 3px;
}

/* ===== HEADER LOGO (sarkan tasarım) ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(14,14,14,0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(212,175,55,0.20);
}

/* Logo wrapper — header'dan aşağı sarkar */
.header-logo-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-logo-wrap a {
  position: relative;
  display: block;
  bottom: -35px;
  z-index: 60;
}

.header-logo {
  width: 105px;
  height: 105px;
  object-fit: contain;
  border-radius: 18px;
  border: none;
  box-shadow: none;
  background: transparent;
  display: block;
}

@media (min-width: 768px) {
  .header-logo {
    width: 255px;
    height: 255px;
    border-radius: 30px;
  }
  .header-logo-wrap a {
    bottom: -95px;
  }
}

/* Header nav — 65px yükseklik */
.header-nav {
  height: 65px;
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
}

/* Header'ın arkasındaki section'a üst boşluk — sarkan logo kadar */
.hero-offset {
  padding-top: 50px;
}

@media (min-width: 768px) {
  .hero-offset { padding-top: 140px; }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .fade-up { opacity: 1; transform: none; }
}