/* Aurora Dark — Golden Hour */
:root{
  --gh-primary:#D4A017;
  --gh-secondary:#F0C040;
  --gh-accent:#FFE169;
  --gh-bg:#1A0F00;
  --gh-text:#FFF8E1;
}
html,body{background:#0a0a0f;color:var(--gh-text);font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%;max-width:100%;position:relative;box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
h1,h2,h3,h4,.font-display{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;word-wrap:break-word;overflow-wrap:break-word;}

/* Aurora blobs */
.aurora{position:absolute;border-radius:9999px;filter:blur(120px);opacity:.55;pointer-events:none;z-index:0}
.aurora-1{background:#D4A017;width:520px;height:520px;top:-160px;left:-120px;animation:float1 16s ease-in-out infinite}
.aurora-2{background:#F0C040;width:460px;height:460px;bottom:-180px;right:-120px;animation:float2 18s ease-in-out infinite}
.aurora-3{background:#FFE169;width:380px;height:380px;top:40%;left:40%;opacity:.35;animation:float3 22s ease-in-out infinite}

@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,60px) scale(1.1)}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,-80px) scale(1.05)}}
@keyframes float3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-100px,100px) scale(1.15)}}

@keyframes gradient-shift{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.animated-gradient{
  background:linear-gradient(120deg,#D4A017,#F0C040,#FFE169,#1A0F00,#D4A017);
  background-size:300% 300%;
  animation:gradient-shift 14s ease infinite;
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .7s ease,transform .7s ease}
.reveal-scale.in{opacity:1;transform:none}

/* Card */
.card-aurora{background:rgba(255,255,255,.03);border:1px solid rgba(255,248,225,.08);backdrop-filter:blur(8px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.card-aurora:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px -20px rgba(212,160,23,.35);border-color:rgba(212,160,23,.45)}

/* Nav underline */
.nav-link{position:relative}
.nav-link::after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:#FFE169;transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left}

/* Buttons */
.btn-gold{background:linear-gradient(135deg,#D4A017,#F0C040);color:#1A0F00;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(240,192,64,.6);filter:brightness(1.05)}
.btn-ghost{border:1px solid rgba(255,248,225,.25);color:#FFF8E1;transition:all .25s ease}
.btn-ghost:hover{border-color:#FFE169;color:#FFE169;transform:translateY(-2px)}

/* Floating label */
.field{position:relative}
.field input,.field textarea,.field select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,248,225,.15);border-radius:.6rem;padding:1.25rem 1rem .6rem;color:#FFF8E1;outline:none;transition:border-color .25s}
.field textarea{min-height:120px}
.field label{position:absolute;left:1rem;top:1rem;color:#bdb7a3;pointer-events:none;transition:.2s ease;font-size:.95rem}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#F0C040}
.field input:focus+label,.field input:not(:placeholder-shown)+label,
.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:.35rem;font-size:.7rem;color:#F0C040;letter-spacing:.08em;text-transform:uppercase}

/* Drawer */
.drawer{transform:translateX(100%);transition:transform .35s ease}
.drawer.open{transform:translateX(0)}

/* Accordion */
.acc-body{max-height:0;overflow:hidden;transition:max-height .45s ease}
.acc.open .acc-body{max-height:400px}
.acc.open .acc-ico{transform:rotate(45deg)}
.acc-ico{transition:transform .35s ease}

/* Parallax bg */
.parallax-bg{will-change:transform}

/* Scrollbar */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0a0a0f}
::-webkit-scrollbar-thumb{background:#D4A017;border-radius:8px}

/* Mobile Adaptive Animation Reductions */
@media (max-width: 768px) {
  .reveal { transform: translateY(15px); }
  .card-aurora:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 10px 30px -15px rgba(212,160,23,.2); }
  
  .aurora { filter: blur(60px); }
  .aurora-1 { width: 260px; height: 260px; top: -80px; left: -60px; }
  .aurora-2 { width: 230px; height: 230px; bottom: -90px; right: -60px; }
  .aurora-3 { width: 190px; height: 190px; }

  @keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,15px) scale(1.02)}}
  @keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-15px,-20px) scale(1.01)}}
  @keyframes float3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-25px,25px) scale(1.02)}}
}

