/* ATC brand refresh (Nas, TG msg 59, Oct 31 2026). Deep black, mint #00F8D8, white, subtle grey.
   Bold modern sans headings (Poppins), clean body (Inter). Fine borders, soft mint light, one consistent radius. Loaded last on every page. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{
  /* ---- global design tokens ---- */
  --atc-black:#000;--atc-ink:#050707;--atc-surface:#0a0d0d;--atc-surface-2:#0f1313;
  --atc-mint:#00F8D8;--atc-mint-hi:#6afbe8;--atc-mint-ink:#001513;
  --atc-mint-12:rgba(0,248,216,.12);--atc-mint-25:rgba(0,248,216,.25);--atc-mint-45:rgba(0,248,216,.45);
  --atc-white:#fff;--atc-grey:#9aa3a1;--atc-grey-2:#5d6564;--atc-line:#1b2221;--atc-line-mint:rgba(0,248,216,.55);
  --atc-radius:14px;--atc-radius-sm:10px;--atc-radius-pill:8px;
  --atc-font-head:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --atc-font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --atc-glow:0 0 0 1px rgba(0,248,216,.08),0 0 22px -6px rgba(0,248,216,.45);
  --atc-glow-strong:0 0 0 1px rgba(0,248,216,.2),0 0 34px -4px rgba(0,248,216,.6);
  --atc-shadow:0 18px 40px -22px rgba(0,0,0,.95);
  /* legacy aliases used across the site */
  --mint:var(--atc-mint);--mint-ink:var(--atc-mint-ink);--mint-soft:var(--atc-mint-12);--black:#000;--ink:#fff;--gray:var(--atc-grey);--rule:var(--atc-line);--panel:var(--atc-surface);--well:var(--atc-ink);
  --bg:#000!important;--fg:#fff!important;--mut:#9aa3a1!important;--line:#1b2221!important;--card:#0a0d0d!important;--acc:#00F8D8!important;--accd:rgba(0,248,216,.12)!important;
  --shadow:var(--atc-shadow);--disp:var(--atc-font-head);--body:var(--atc-font-body)}
html body{background:#000;background-image:none;color:#fff;font-family:var(--atc-font-body)}
::selection{background:var(--atc-mint);color:var(--atc-mint-ink)}
/* Type */
html body h1,html body h2,html body h3,html body .askh,html body .htl,html body .cv h1,html body .shr h1,html body .hsec h2,html body .cct,html body .nsp h1,html body .nsp h2{font-family:var(--atc-font-head)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.1;text-shadow:none!important;filter:none!important}
html body h1,html body .askh,html body .cv h1{color:#fff!important;background:none!important;-webkit-text-fill-color:currentColor}
html body h2{font-weight:700!important}html body h3,html body h4{font-family:var(--atc-font-head)!important;font-weight:700!important;letter-spacing:-.01em;color:#fff}
html body h1 em,html body h2 em,html body .mint{font-style:normal;color:var(--atc-mint)}
html body .htl{color:#fff!important}
html body h2.sec,html body .eb,html body .eyebrow,html body .hsec .eb,html body .kick{font-family:var(--atc-font-head)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--atc-mint)!important}
/* Header */
html body header{background:rgba(0,0,0,.92)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid var(--atc-line)!important;box-shadow:0 1px 0 rgba(0,248,216,.14)}
html body header .wrap{height:72px!important;gap:28px}
html body header .brand img.logo{content:url(logo_wide.png);width:auto!important;height:42px!important;max-width:52vw;border-radius:0!important;box-shadow:none!important;object-fit:contain}
html body header .brand .n{display:none!important}
html body header nav{margin-left:auto;margin-right:0;gap:24px}
html body header nav a{font-family:var(--atc-font-head);font-weight:600;font-size:14px;color:#e8eeec}
html body header nav a:hover,html body header nav a.on{color:#fff}
html body header nav a.on:after{background:var(--atc-mint)!important;height:2px!important;border-radius:2px!important}
html body header nav a.aic{color:var(--atc-mint)}
html body .hsub{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;height:42px;padding:0 18px;border:1.5px solid var(--atc-mint);border-radius:var(--atc-radius-sm);color:#fff;font-family:var(--atc-font-head);font-weight:600;font-size:14px;box-shadow:var(--atc-glow);transition:background .15s,box-shadow .15s}
html body .hsub svg{width:18px;height:18px;color:var(--atc-mint)}html body .hsub:hover{background:var(--atc-mint-12);box-shadow:var(--atc-glow-strong)}
html body .onair i,html body .ndot{background:var(--atc-mint)!important;box-shadow:0 0 0 3px var(--atc-mint-12)!important}
html body .onair{border-color:var(--atc-mint-45)!important;color:var(--atc-mint)!important;background:var(--atc-mint-12)!important}
@media(max-width:1640px){html body header .live{display:none!important}}
@media(max-width:1180px){html body header nav a.aic{display:none}}
@media(max-width:760px){html body header .wrap{height:60px!important}html body header .brand img.logo{height:34px!important}html body .hsub{display:none}html body h1{font-size:clamp(30px,9vw,44px)}}
/* Surfaces: one radius, fine border, subtle mint light */
html body .wrap{max-width:1200px}
html body .card,html body .ep,html body .tile,html body .person,html body .crew a,html body .hask,html body .aa,html body .shr .box,html body .shr .card,html body .nl,html body .faq details,html body .cc,html body .clip .clv{border-radius:var(--atc-radius)!important;background:var(--atc-surface);border:1px solid var(--atc-line);box-shadow:var(--atc-shadow)}
html body .card:hover,html body .ep:hover,html body .tile:hover,html body .person:hover,html body .crew a:hover{border-color:var(--atc-line-mint);box-shadow:var(--atc-glow),var(--atc-shadow)}
html body section.hero.ask{--ink:#fff!important;--mute:#9aa3a1!important;--rule:#1b2221!important;--panel:#0a0d0d!important;--well:#050707!important;--mint:#00F8D8!important;--amb:#fff!important;--miss:#9aa3a1!important;background:#000!important}
html body section.hero.ask .hask{border:1px solid var(--atc-line-mint)!important;box-shadow:var(--atc-glow),var(--atc-shadow)!important;background:linear-gradient(180deg,#081010,#050707)!important}
html body section.hero.ask .aa{border-left-color:var(--atc-mint)!important}
html body .askf{border-radius:var(--atc-radius)!important;border:1px solid var(--atc-line-mint)!important;background:#000!important}
/* Buttons: primary solid mint, secondary outline mint */
html body .btn,html body .askf button,html body .nl button,html body .haic,html body .mncta,html body button.primary,html body a.join,html body form button[type=submit],html body a.b1,html body .nbtn{background:var(--atc-mint)!important;color:var(--atc-mint-ink)!important;border:0!important;border-radius:var(--atc-radius-sm)!important;font-family:var(--atc-font-head)!important;font-weight:700!important;letter-spacing:0;box-shadow:var(--atc-glow)!important;animation:none!important}
html body .btn:hover,html body .askf button:hover,html body .haic:hover,html body .mncta:hover,html body form button[type=submit]:hover,html body a.b1:hover{background:var(--atc-mint-hi)!important;box-shadow:var(--atc-glow-strong)!important}
html body .btn2,html body .ghost,html body .secondary,html body .achips button,html body .tags a,html body .pill,html body a.b2,html body .unc-b{background:transparent!important;color:#fff!important;border:1px solid #26302f!important;border-radius:var(--atc-radius-sm)!important;box-shadow:none!important}
html body .btn2:hover,html body .ghost:hover,html body .tags a:hover,html body .pill:hover,html body a.b2:hover,html body .achips button:hover{border-color:var(--atc-mint)!important;color:var(--atc-mint)!important}
html body .unc-b{color:var(--atc-grey)!important}
/* Accent cleanup: hits mint, misses grey, open white. No amber, coral, gold, purple or pink. */
html body .cv{--g1:#00F8D8!important;--g2:#00F8D8!important;--g3:#fff!important;--gold:#00F8D8!important}
html body .pd.p1,html body .pd.p2,html body .pd.p3{--c:#00F8D8!important}
html body .dn,html body .o .miss,html body .shr .oc.miss,html body .cco.miss,html body .c3.r-miss b,html body .ccs.miss b{color:#9aa3a1!important}
html body .c1.bearish,html body .ccp.bearish{color:#fff!important;background:none!important}
html body .c3.r-stillopen b,html body .ccs.open b,html body .shr .unc{color:#fff!important}
html body .aerr,html body .nlmsg.err{color:#fff!important}
html body .nsp.on .nbtn{background:var(--atc-mint)!important;color:var(--atc-mint-ink)!important}
html body .g1{background:var(--atc-surface)!important}
html body a{text-underline-offset:3px}html body main a:not([class]):hover{color:var(--atc-mint)}
html body input,html body textarea,html body select{font-family:var(--atc-font-body)}
html body input:focus-visible,html body textarea:focus-visible,html body a:focus-visible,html body button:focus-visible{outline:2px solid var(--atc-mint);outline-offset:2px}
/* Footer */
html body footer{background:#000;border-top:1px solid var(--atc-line);box-shadow:0 -1px 0 rgba(0,248,216,.14)}
html body footer .tl{font-family:var(--atc-font-head);font-weight:600;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#fff}
html body footer a:hover{color:var(--atc-mint)}
/* Mobile menu */
html body .mnav{background:#000!important}
html body .mnh span{font-family:var(--atc-font-head)!important;font-weight:800!important;font-size:20px!important;letter-spacing:.02em}
html body .mnr{border-radius:var(--atc-radius-sm)}
html body .mnr svg{color:var(--atc-mint)}
html body .mnb span{background:#fff!important}