/* ════════════════════════════════════════════════════════════════
   BRAINCADEMY · LUX DESIGN SYSTEM (2026)
   Futuristic upgrade — keeps the brand palette (Cream/Navy/Gold) and
   fonts (Cormorant / Libre Baskerville / Poppins). Adds depth, glass,
   light and motion. Shared across the homepage + all subpages.
   ════════════════════════════════════════════════════════════════ */
:root{
  --navy-deep:#0F1B2A; --navy-deeper:#0A131E;
  --gold-br:#D9B36A; --gold-glow:#E7C57E;
  --lux-glass:rgba(20,34,52,.42);
  --lux-ease:cubic-bezier(.2,.8,.2,1);
  --lux-shadow:0 50px 100px -42px rgba(0,0,0,.7);
}

/* ── Reveal-on-scroll (shared) ─────────────────────────────────── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s var(--lux-ease),transform 1s var(--lux-ease);}
.reveal.in{opacity:1;transform:none;}
.reveal.d1{transition-delay:.06s}.reveal.d2{transition-delay:.18s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.42s}.reveal.d5{transition-delay:.54s}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;}}

/* ── Header: transparent over a dark hero, solid cream on scroll ── */
body.lux-dark-top header{background:transparent!important;border-bottom-color:transparent!important;box-shadow:none;transition:background .45s var(--lux-ease),border-color .45s,box-shadow .45s;}
body.lux-dark-top header.lux-scrolled{background:rgba(242,235,220,.92)!important;border-bottom:1px solid rgba(184,138,58,.18)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
body.lux-dark-top header:not(.lux-scrolled) .name{color:var(--cream-light)!important;}
body.lux-dark-top header:not(.lux-scrolled) nav a{color:rgba(242,235,220,.82)!important;}
body.lux-dark-top header:not(.lux-scrolled) nav a:hover{color:var(--gold-glow)!important;}
body.lux-dark-top header:not(.lux-scrolled) .nav-affiliate-sub{color:#221806!important;}

/* ── LUX HERO (navy, futuristic, brain) ───────────────────────── */
.lux-hero{
  position:relative;display:flex;align-items:center;overflow:hidden;
  min-height:min(880px,100vh);
  margin-top:-79px;padding:79px 0 0;
  background:radial-gradient(1100px 760px at 72% 42%, #16273B 0%, var(--navy-deep) 45%, var(--navy-deeper) 100%);
  color:var(--cream);
}
.lux-bg{position:absolute;inset:0;overflow:hidden;z-index:0;}
.lux-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:lux-drift 18s ease-in-out infinite;}
.lux-aurora.a1{width:640px;height:640px;right:6%;top:24%;background:radial-gradient(circle,rgba(217,179,106,.26),transparent 65%);}
.lux-aurora.a2{width:480px;height:480px;right:30%;top:62%;background:radial-gradient(circle,rgba(184,138,58,.16),transparent 62%);animation-delay:-7s;}
@keyframes lux-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-24px,-28px) scale(1.07)}}
.lux-floor{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,transparent,rgba(184,138,58,.05) 70%,rgba(217,179,106,.07));z-index:0;}
.lux-grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");}

.lux-wrap{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:40px 56px;width:100%;display:grid;grid-template-columns:1fr 1.04fr;gap:24px;align-items:center;}
.lux-label{font-family:'Poppins',sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold-br);}
.lux-h1{font-family:'Cormorant Garamond',serif;font-weight:600;font-style:italic;font-size:clamp(40px,4.6vw,66px);line-height:1.0;letter-spacing:-1.5px;margin:20px 0 22px;color:var(--cream-light);}
.lux-h1 .lux-accent{color:var(--gold-br);}
.lux-lead{font-size:17px;line-height:1.75;color:rgba(242,235,220,.62);max-width:440px;margin-bottom:32px;}
.lux-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.lux-b1{background:linear-gradient(135deg,var(--gold-br),var(--gold));color:#221806;padding:15px 28px;border-radius:8px;font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;box-shadow:0 18px 44px -16px rgba(217,179,106,.5);transition:transform .3s,box-shadow .3s;}
.lux-b1:hover{transform:translateY(-3px);box-shadow:0 26px 56px -16px rgba(231,197,126,.66);}
.lux-b2{color:var(--cream);font-family:'Poppins',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(217,179,106,.4);padding-bottom:5px;cursor:pointer;transition:border-color .3s;}
.lux-b2:hover{border-color:var(--gold-br);}
.lux-trust{margin-top:30px;display:flex;gap:22px;flex-wrap:wrap;}
.lux-trust .t{font-family:'Poppins',sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;color:rgba(242,235,220,.4);text-transform:uppercase;}

.lux-scene{position:relative;height:580px;}
#brain{position:absolute;inset:0;width:100%;height:100%;z-index:1;}
.lux-glass{position:absolute;z-index:2;background:var(--lux-glass);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(217,179,106,.24);border-radius:20px;box-shadow:var(--lux-shadow),inset 0 1px 0 rgba(255,255,255,.06);}
.lux-glass::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(140deg,rgba(231,197,126,.5),transparent 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.lux-g-a{width:222px;padding:22px;left:-3%;top:12%;text-decoration:none;display:block;transition:transform .3s var(--lux-ease);}
.lux-g-a:hover{transform:translateY(-4px);}
.lux-g-a .gl{display:flex;justify-content:space-between;align-items:center;font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;letter-spacing:1.5px;color:rgba(242,235,220,.5);text-transform:uppercase;margin-bottom:14px;}
.lux-g-a .gl .live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold-br);box-shadow:0 0 8px var(--gold-br);margin-right:6px;animation:lux-blink 1.8s infinite;}
@keyframes lux-blink{0%,100%{opacity:1}50%{opacity:.3}}
.lux-emblem{width:120px;height:120px;border-radius:50%;border:1.5px solid rgba(217,179,106,.5);margin:0 auto 6px;display:flex;align-items:center;justify-content:center;background:rgba(184,138,58,.06);}
.lux-emblem b{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:52px;font-weight:600;color:var(--cream-light);}
.lux-g-a .cap{text-align:center;font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--gold-br);text-transform:uppercase;}
.lux-g-b{width:212px;padding:18px 22px;right:-2%;bottom:9%;}
.lux-g-b .row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.lux-g-b .row:last-child{border-bottom:none;}
.lux-g-b .k{font-size:12px;color:rgba(242,235,220,.6);}
.lux-g-b .v{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:20px;color:var(--cream-light);}
.lux-g-b .v b{color:var(--gold-br);font-weight:600;}

.lux-scrollcue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:4;font-family:'Poppins',sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;color:rgba(242,235,220,.4);text-transform:uppercase;text-align:center;}
.lux-scrollcue .line{width:1px;height:30px;margin:8px auto 0;background:linear-gradient(var(--gold-br),transparent);animation:lux-cue 2s ease-in-out infinite;}
@keyframes lux-cue{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

@media (max-width:920px){
  .lux-wrap{grid-template-columns:1fr;gap:26px;padding:32px;}
  .lux-scene{height:380px;}
  .lux-g-a{left:0;top:4%;}.lux-g-b{right:0;bottom:2%;}
}

/* ── Futuristic polish for class-based cards (works over the cream sections) ── */
.ex-card,.pin-card-real,.find-card{transition:transform .4s var(--lux-ease),box-shadow .4s var(--lux-ease),border-color .3s!important;}
.ex-card:hover,.find-card:hover{box-shadow:0 26px 54px -22px rgba(26,42,58,.34)!important;}