/* AI-Minded Media — shared neon-terminal design system (Meet Kai + course pages) */
* { margin:0; padding:0; box-sizing:border-box; }
:root{
  --bg:#05060a; --bg2:#0a0d14; --surface:#0d1119; --surface2:#11161f;
  --border:#1b2230; --border-hi:#2a3547;
  --phosphor:#6cffb4; --phosphor-dim:rgba(108,255,180,0.6);
  --text:#e8eef2; --muted:#8593a5; --muted2:#5c6779;
  --gold-a:#f0c14b; --gold-b:#c89b3c;
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
}
html{ scroll-behavior:smooth; }
body{ background:var(--bg); color:var(--text); font-family:var(--sans); min-height:100vh; overflow-x:hidden; position:relative; -webkit-font-smoothing:antialiased; }
a{ color:inherit; }

/* background fx */
.bg-fx{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.blob{ position:absolute; width:55vw; height:55vw; border-radius:50%; filter:blur(90px); opacity:0.18; mix-blend-mode:screen; will-change:transform; }
.blob.b1{ background:radial-gradient(circle,#8B5CF6,transparent 65%); top:-18%; left:-12%; animation:drift1 22s ease-in-out infinite; }
.blob.b2{ background:radial-gradient(circle,#22D3EE,transparent 65%); top:20%; right:-14%; animation:drift2 26s ease-in-out infinite; }
.blob.b3{ background:radial-gradient(circle,var(--phosphor),transparent 60%); bottom:-10%; left:30%; opacity:0.09; animation:drift3 30s ease-in-out infinite; }
@keyframes drift1{ 50%{ transform:translate(12vw,10vh) scale(1.15);} }
@keyframes drift2{ 50%{ transform:translate(-10vw,8vh) scale(1.1);} }
@keyframes drift3{ 50%{ transform:translate(-14vw,-6vh) scale(1.2);} }
.grid-overlay{ position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0.35; background-image:linear-gradient(rgba(108,255,180,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(108,255,180,0.03) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 78%); }

.wrap{ position:relative; z-index:2; max-width:920px; margin:0 auto; padding:0 1.25rem; }
.wrap.wide{ max-width:1120px; }

/* nav */
.topbar{ position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:1rem; padding:0.8rem 1.25rem; background:rgba(6,7,10,0.72); backdrop-filter:blur(14px) saturate(1.4); border-bottom:1px solid var(--border); }
.brand{ display:flex; align-items:center; gap:0.6rem; font-family:var(--mono); font-weight:700; font-size:0.95rem; letter-spacing:-0.01em; text-decoration:none; white-space:nowrap; }
.brand .dotlive{ width:24px; height:24px; border-radius:0; background:url('/assets/logo-mark.svg') center/contain no-repeat; box-shadow:none; animation:brainglow 2.6s ease-in-out infinite; }
@keyframes brainglow{ 0%,100%{ filter:drop-shadow(0 0 3px rgba(108,255,180,0.35)); } 50%{ filter:drop-shadow(0 0 8px rgba(108,255,180,0.7)); } }
.brand b{ background:linear-gradient(90deg,var(--phosphor),#7fd0ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.brand span{ color:var(--muted); font-weight:400; }
@keyframes pulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.5); opacity:0.55; } }
.nav-links{ margin-left:auto; display:flex; align-items:center; gap:1.2rem; font-family:var(--mono); font-size:0.72rem; }
.nav-links a{ color:var(--muted); text-decoration:none; transition:color .2s; }
.nav-links a:hover{ color:var(--text); }
.nav-links a.active{ color:var(--phosphor); }
.nav-cta{ padding:0.5rem 0.9rem; border-radius:8px; color:#04140c !important; font-weight:800; background:linear-gradient(120deg,var(--gold-a),var(--phosphor)); box-shadow:0 4px 18px rgba(108,255,180,0.2); }
@media (max-width:680px){ .nav-links .hidesm{ display:none; } }

/* buttons */
.btn{ display:inline-flex; align-items:center; gap:0.5rem; font-family:var(--mono); font-weight:700; font-size:0.78rem; letter-spacing:0.04em; padding:0.85rem 1.4rem; border-radius:10px; cursor:pointer; text-decoration:none; border:1px solid var(--border-hi); background:var(--surface2); color:var(--text); transition:transform .12s, box-shadow .2s, border-color .2s; }
.btn:hover{ transform:translateY(-1px); border-color:var(--phosphor-dim); }
.btn.primary{ border:none; color:#04140c; background:linear-gradient(120deg,var(--gold-a),var(--phosphor)); box-shadow:0 6px 24px rgba(108,255,180,0.25); }
.btn.primary:hover{ box-shadow:0 8px 34px rgba(108,255,180,0.42); }
.btn.ghost{ background:transparent; }

/* sections + prose */
.page{ position:relative; z-index:2; padding:3rem 0 2rem; }
.sec-label{ font-family:var(--mono); font-size:0.62rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--phosphor-dim); margin-bottom:0.7rem; }
h1.title{ font-size:clamp(1.9rem,5vw,2.9rem); font-weight:900; line-height:1.1; letter-spacing:-0.02em; margin-bottom:0.8rem; }
h2.title{ font-size:clamp(1.4rem,3.5vw,2rem); font-weight:800; line-height:1.15; margin:2rem 0 0.8rem; }
.lede{ color:var(--muted); font-size:1.02rem; line-height:1.7; max-width:640px; }
.prose{ color:var(--muted); font-size:0.95rem; line-height:1.75; }
.prose p{ margin:0 0 1rem; }
.prose strong{ color:var(--text); }
.prose a{ color:var(--phosphor-dim); text-decoration:none; }
.prose a:hover{ color:var(--phosphor); }
.divider{ border:none; border-top:1px solid var(--border); margin:2.4rem 0; }

/* generic card */
.card{ background:linear-gradient(165deg,var(--surface2),var(--surface)); border:1px solid var(--border); border-radius:16px; padding:1.5rem; }

/* footer */
footer{ position:relative; z-index:2; border-top:1px solid var(--border); margin-top:2.5rem; padding:2rem 1.25rem 3rem; text-align:center; color:var(--muted2); font-size:0.8rem; }
footer a{ color:var(--phosphor-dim); text-decoration:none; }
footer a:hover{ color:var(--phosphor); }
footer .fine{ font-size:0.72rem; color:var(--muted2); margin-top:0.8rem; }

@media (prefers-reduced-motion:reduce){ *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; } }