/* Page-specific styles for index.html � extracted from inline <style> for CSP compliance */
#landing-overlay {
      position: fixed;
      inset: 0;
      z-index: 10000;
      background: #000;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), filter 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    }
    #landing-overlay.fade-out {
      opacity: 0;
      filter: blur(8px);
      pointer-events: none;
    }
    #landing-particles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;
    }
    .landing-content {
      position: relative;
      z-index: 2;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
    }
    .landing-logo-wrap {
      position: relative;
      margin-bottom: 12px;
    }
    .landing-logo {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.5rem, 7vw, 5rem);
      font-weight: 300;
      letter-spacing: 0.35em;
      background: linear-gradient(135deg, #C9A227 0%, #e8d48b 40%, #C9A227 60%, #a07d1a 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      opacity: 0;
      transform: scale(0.9) translateY(10px);
      animation: logoReveal 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
    }
    .landing-logo-glow {
      position: absolute;
      inset: -40px;
      background: radial-gradient(ellipse at center, rgba(201, 162, 39, 0.15) 0%, transparent 70%);
      opacity: 0;
      animation: glowPulse 3s ease-in-out 0.8s forwards;
      pointer-events: none;
    }
    .landing-tagline {
      font-family: 'Inter', sans-serif;
      font-size: clamp(0.75rem, 1.5vw, 0.95rem);
      font-weight: 300;
      color: rgba(255, 255, 255, 0.5);
      letter-spacing: 0.25em;
      text-transform: uppercase;
      opacity: 0;
      transform: translateY(8px);
      animation: fadeSlideUp 1s ease 1.4s forwards;
    }
    .landing-line {
      width: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(201, 162, 39, 0.6), transparent);
      margin: 20px 0;
      animation: lineExpand 1.2s cubic-bezier(0.4, 0, 0.2, 1) 2s forwards;
    }
    .landing-stat {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 6px;
      opacity: 0;
      transform: translateY(8px);
      animation: fadeSlideUp 0.8s ease 2.6s forwards;
    }
    .landing-stat-num {
      font-family: 'JetBrains Mono', monospace;
      font-size: clamp(1.5rem, 3vw, 2.2rem);
      font-weight: 700;
      color: #10b981;
    }
    .landing-stat-label {
      font-family: 'Inter', sans-serif;
      font-size: 0.7rem;
      color: rgba(255, 255, 255, 0.3);
      letter-spacing: 0.15em;
    }
    .landing-skip {
      position: absolute;
      bottom: 32px;
      right: 32px;
      z-index: 3;
      background: none;
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: rgba(255, 255, 255, 0.35);
      padding: 8px 20px;
      border-radius: 20px;
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      cursor: pointer;
      transition: all 0.3s;
      opacity: 0;
      animation: fadeIn 0.5s ease 0.5s forwards;
    }
    .landing-skip:hover {
      border-color: rgba(201, 162, 39, 0.5);
      color: rgba(201, 162, 39, 0.8);
    }

    @keyframes logoReveal {
      0% { opacity: 0; transform: scale(0.9) translateY(10px); }
      100% { opacity: 1; transform: scale(1) translateY(0); }
    }
    @keyframes glowPulse {
      0% { opacity: 0; }
      50% { opacity: 1; }
      100% { opacity: 0.6; }
    }
    @keyframes fadeSlideUp {
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes lineExpand {
      to { width: min(280px, 60vw); }
    }
    @keyframes fadeIn {
      to { opacity: 1; }
    }


/* Responsive */
@media (max-width: 768px) {
  .landing-logo { max-width: 80vw; }
  .landing-tagline { font-size: 1rem; }
  #landing-skip { min-height: 44px; min-width: 44px; }
}
@media (max-width: 480px) {
  .landing-tagline { font-size: 0.85rem; }
}