:root{
  --bg:#080C15; --bg2:#0B101C; --side:#090D18; --card:#0F1524; --card2:#121A2C; --raise:#18213A;
  --line:rgba(255,255,255,.07); --line2:rgba(255,255,255,.12);
  --text:#E9ECF3; --soft:#C3C9D6; --muted:#8C95A8; --dim:#5F687C; --white:#fff;
  --gold:#F3B847; --gold2:#FFD67E; --gold3:#D9922A; --goldbg:rgba(243,184,71,.10); --goldline:rgba(243,184,71,.35);
  --green:#3DD68C; --greenbg:rgba(61,214,140,.12); --blue:#6EA8FE; --bluebg:rgba(110,168,254,.12);
  --red:#FF7A7A; --redbg:rgba(255,122,122,.12); --violet:#A78BFA; --rose:#FB7185;
  --r:16px; --r2:12px; --shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 20px 40px -24px rgba(0,0,0,.6);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(900px 500px at 85% -10%,rgba(243,184,71,.07),transparent 60%),radial-gradient(700px 400px at -10% 110%,rgba(110,168,254,.05),transparent 60%),var(--bg);min-height:100vh}
a{color:var(--gold2);text-decoration:none}a:hover{color:#fff}
h1,h2,h3,h4{color:var(--white);margin:0;letter-spacing:-.015em}
h1{font-size:30px;font-weight:800;line-height:1.15}
h2{font-size:18px;font-weight:700}
h3{font-size:15.5px;font-weight:700}
p{margin:0}
.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-style:italic;letter-spacing:0}
.muted{color:var(--muted)}.soft{color:var(--soft)}.dim{color:var(--dim)}.small{font-size:12.5px}.xs{font-size:11.5px}
.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}
.ico{flex:none;display:inline-block;vertical-align:middle}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
code{background:rgba(255,255,255,.06);padding:1px 6px;border-radius:6px;color:var(--soft)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stack{display:flex;flex-direction:column;gap:12px}.stack-lg{display:flex;flex-direction:column;gap:22px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}
@media(max-width:1060px){.split{grid-template-columns:1fr}}

/* shell */
.shell{display:flex;min-height:100vh}
.side{position:sticky;top:0;height:100vh;width:268px;flex:none;background:linear-gradient(180deg,#0A0F1B,#080C15);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px 16px;gap:18px;overflow-y:auto;z-index:40}
.brand{display:flex;align-items:center;gap:11px;padding:2px 8px;color:#fff}
.brand:hover{color:#fff}
.logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--gold2),var(--gold) 45%,var(--gold3));color:#1A1206;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:-.02em;box-shadow:0 8px 24px -8px rgba(243,184,71,.55),inset 0 1px 0 rgba(255,255,255,.5)}
.brand b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.brand small{display:block;color:var(--muted);font-size:11.5px;font-weight:500}
.setup{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(243,184,71,.10),rgba(243,184,71,.02));border:1px solid var(--goldline);border-radius:14px;padding:12px;color:var(--text)}
.setup:hover{color:var(--text);border-color:var(--gold)}
.setup b{display:block;font-size:13px;color:#fff}.setup span{display:block;font-size:11.5px;color:var(--muted);line-height:1.35}
.navgroup{display:flex;flex-direction:column;gap:2px}
.navlabel{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700;padding:6px 12px 4px}
.nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 12px;border-radius:10px;color:var(--soft);font-weight:500;font-size:14px;position:relative}
.nav a:hover{background:rgba(255,255,255,.04);color:#fff}
.nav a.on{background:linear-gradient(90deg,rgba(243,184,71,.14),rgba(243,184,71,.02));color:#fff;font-weight:600}
.nav a.on::before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
.nav a.on .ico{color:var(--gold)}
.nav .count{margin-left:auto;font-size:11px;background:var(--goldbg);color:var(--gold);padding:1px 7px;border-radius:999px;font-weight:700}
.sidefoot{margin-top:auto;display:flex;flex-direction:column;gap:10px}
.upsell{border-radius:14px;padding:14px;background:radial-gradient(200px 120px at 100% 0,rgba(243,184,71,.25),transparent 70%),var(--card2);border:1px solid var(--line2)}
.upsell b{color:#fff;font-size:13.5px;display:block}.upsell p{font-size:12px;color:var(--muted);margin:4px 0 10px}
.user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;border:1px solid var(--line)}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2A3554,#1A2238);display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none;border:1px solid var(--line2)}
.user .who{min-width:0;flex:1}.user .who b{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user .who span{font-size:11.5px;color:var(--muted)}
.iconbtn{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}
.iconbtn:hover{color:#fff;border-color:var(--line2)}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.content{width:100%;max-width:1200px;margin:0 auto;padding:30px 34px 64px;display:flex;flex-direction:column;gap:22px}
.mobilebar{display:none}
.scrim{display:none}
@media(max-width:900px){
  .side{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 60px rgba(0,0,0,.5)}
  body.nav-open .side{transform:none}
  body.nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}
  .mobilebar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(8,12,21,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}
  .content{padding:20px 16px 56px}
  h1{font-size:25px}
}
@media(max-width:560px){.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:14px}.kpi .val{font-size:22px}.kpi .sub{font-size:11px}.card{padding:18px}.funnelbar .fb{grid-template-columns:110px 1fr 80px}}

/* page head */
.pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.pagehead .eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.pagehead p{color:var(--muted);margin-top:6px;max-width:640px}

/* cards */
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);min-width:0}
.card.pad-sm{padding:16px}
.card.flat{background:var(--card);box-shadow:none}
.card.inset{background:rgba(0,0,0,.18);box-shadow:none;border-color:var(--line)}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.card-h h2{display:flex;align-items:center;gap:9px}
.card-h h2 .ico{color:var(--gold)}
.glow{position:relative;border:1px solid transparent;background:linear-gradient(var(--card2),var(--card)) padding-box,linear-gradient(135deg,rgba(243,184,71,.7),rgba(243,184,71,.08) 40%,rgba(110,168,254,.25)) border-box}
.lock-card{background:repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 10px,transparent 10px 20px),var(--card);border-style:dashed;border-color:var(--line2)}

/* kpis */
.kpi{display:flex;flex-direction:column;gap:6px;padding:18px}
.kpi .k-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12.5px;font-weight:600}
.kpi .k-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--goldbg);color:var(--gold)}
.kpi .val{font-size:27px;font-weight:800;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kpi .sub{font-size:12px;color:var(--muted)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:11px;border:1px solid transparent;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#E5A535);color:#1A1206;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;white-space:nowrap;box-shadow:0 10px 24px -12px rgba(243,184,71,.7),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .08s ease,filter .15s}
.btn:hover{color:#1A1206;filter:brightness(1.06)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:rgba(255,255,255,.03);color:var(--text);border-color:var(--line2);box-shadow:none}
.btn.ghost:hover{border-color:var(--goldline);color:#fff;background:rgba(243,184,71,.06)}
.btn.quiet{background:transparent;border-color:transparent;color:var(--soft);box-shadow:none;padding:0 10px}
.btn.quiet:hover{color:#fff;background:rgba(255,255,255,.04)}
.btn.danger{background:transparent;border-color:rgba(255,122,122,.35);color:var(--red);box-shadow:none}
.btn.sm{min-height:36px;padding:0 13px;font-size:13px;border-radius:9px}
.btn.lg{min-height:52px;padding:0 26px;font-size:15.5px;border-radius:13px}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}

/* tags */
.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.06);color:var(--soft);white-space:nowrap}
.tag.ok{background:var(--greenbg);color:var(--green)}.tag.gold{background:var(--goldbg);color:var(--gold)}.tag.blue{background:var(--bluebg);color:var(--blue)}.tag.err{background:var(--redbg);color:var(--red)}
.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}

/* forms */
label{display:block;font-size:13px;color:var(--soft);margin-bottom:7px;font-weight:600}
.field{display:flex;flex-direction:column}
.hint{font-size:12px;color:var(--muted);margin-top:6px}
input,select,textarea{width:100%;min-height:44px;padding:0 13px;border-radius:11px;border:1px solid var(--line2);background:rgba(0,0,0,.25);color:var(--text);font-family:inherit;font-size:14px}
textarea{padding:11px 13px;min-height:110px;line-height:1.55;resize:vertical}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,184,71,.18)}
input[disabled]{opacity:.6}
.check{display:flex;gap:10px;align-items:center;font-weight:500;color:var(--soft);margin:0}
.check input{width:18px;height:18px;min-height:0;accent-color:var(--gold)}
.copy{display:flex;gap:8px}.copy input{flex:1;min-width:0;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--soft)}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.form-grid .full{grid-column:1/-1}

/* flash & banners */
.flash{display:flex;gap:10px;align-items:center;padding:13px 16px;border-radius:12px;border:1px solid var(--line2);background:var(--card);font-size:14px}
.flash.ok{border-color:rgba(61,214,140,.35);background:linear-gradient(90deg,rgba(61,214,140,.08),transparent)}
.flash.err{border-color:rgba(255,122,122,.4);background:linear-gradient(90deg,rgba(255,122,122,.08),transparent)}
.flash.info{border-color:var(--goldline);background:linear-gradient(90deg,rgba(243,184,71,.08),transparent)}
.imp{background:linear-gradient(90deg,#3B2A0B,#2A1E08);color:var(--gold2);padding:10px 18px;font-size:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--goldline)}

/* progress */
.bar{height:8px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold2))}
.bar.thin{height:5px}
.bar.blue>i{background:linear-gradient(90deg,#3B6FD8,var(--blue))}
.ring{position:relative;flex:none;display:grid;place-items:center}
.ring svg{transform:rotate(-90deg)}
.ring b{position:absolute;font-size:12px;color:#fff;font-weight:800}
.ring.lg b{font-size:20px}

/* next step hero */
.next{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:center;padding:26px}
@media(max-width:760px){.next{grid-template-columns:1fr}}
.next .thumb{aspect-ratio:16/10;border-radius:14px;background:radial-gradient(120px 80px at 30% 30%,rgba(243,184,71,.35),transparent 70%),linear-gradient(135deg,#1C2540,#0E1426);border:1px solid var(--line2);display:grid;place-items:center;position:relative;overflow:hidden}
.next .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.playbtn{width:56px;height:56px;border-radius:50%;background:linear-gradient(180deg,var(--gold2),var(--gold));display:grid;place-items:center;color:#1A1206;box-shadow:0 10px 30px -6px rgba(243,184,71,.7);position:relative}

/* timeline */
.timeline{display:flex;flex-direction:column}
.tl{display:flex;gap:14px;padding:12px 10px;border-radius:12px;color:var(--text);position:relative}
.tl:hover{background:rgba(255,255,255,.03);color:var(--text)}
.tl .dotc{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12.5px;font-weight:800;border:1.5px solid var(--line2);color:var(--muted);background:var(--bg2);z-index:1}
.tl:not(:last-child)::after{content:"";position:absolute;left:24.5px;top:42px;bottom:-12px;width:1.5px;background:var(--line2)}
.tl.done .dotc{background:var(--green);border-color:var(--green);color:#062214}
.tl.done:not(:last-child)::after{background:rgba(61,214,140,.45)}
.tl.current .dotc{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px rgba(243,184,71,.15)}
.tl.locked .dotc{color:var(--dim)}
.tl .tl-t{font-weight:700;color:#fff;font-size:14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tl.done .tl-t{color:var(--soft)}
.tl .tl-s{font-size:12.5px;color:var(--muted);margin-top:2px}

/* video */
.video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#05070D;border:1px solid var(--line2)}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.empty{display:grid;place-items:center;text-align:center;background:radial-gradient(260px 160px at 50% 40%,rgba(243,184,71,.12),transparent 70%),linear-gradient(135deg,#121A2E,#0A0F1C)}
.video.empty .playbtn{margin:0 auto 12px;opacity:.9}

/* prose */
.prose{color:var(--soft);font-size:15px;line-height:1.7}
.prose p{margin:0 0 12px}.prose ul,.prose ol{margin:0 0 12px;padding-left:20px}.prose li{margin:4px 0}
.prose strong{color:#fff}.prose h3{margin:16px 0 8px}
.prose>*:last-child{margin-bottom:0}

/* tables */
.tbl{overflow-x:auto;margin:0 -4px}
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}
th{color:var(--muted);text-align:left;font-weight:600;font-size:12px;letter-spacing:.02em;padding:10px 12px;border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
tbody tr:hover td{background:rgba(255,255,255,.015)}
tbody tr:last-child td{border-bottom:0}
td.strong{color:#fff;font-weight:600}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}

/* chart */
.chart{height:170px;display:flex;align-items:flex-end;gap:6px;padding-top:8px}
.chart .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}
.chart .bar-v{border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#36446A,#26304D);min-height:3px;transition:background .15s}
.chart .col:last-child .bar-v{background:linear-gradient(180deg,var(--gold2),var(--gold3))}
.chart .col:hover .bar-v{background:linear-gradient(180deg,var(--gold2),var(--gold3))}
.chart .tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#000;color:#fff;font-size:11px;padding:3px 7px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none}
.chart .col:hover .tip{opacity:1}
.axis{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin-top:8px}

/* misc */
.empty{padding:34px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.empty .ico{color:var(--dim)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
.tabs a{padding:11px 14px;color:var(--muted);font-weight:600;font-size:13.5px;border-bottom:2px solid transparent;white-space:nowrap}
.tabs a.on{color:#fff;border-color:var(--gold)}
.tabs a:hover{color:#fff}
details.edit{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden}
details.edit>summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
details.edit>summary::-webkit-details-marker{display:none}
details.edit>summary b{color:#fff}
details.edit[open]>summary{border-bottom:1px solid var(--line)}
details.edit .body{padding:18px}
.list-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line)}
.list-row:last-child{border-bottom:0}
.ic-box{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--goldbg);color:var(--gold);border:1px solid var(--goldline)}
.ic-box.blue{background:var(--bluebg);color:var(--blue);border-color:rgba(110,168,254,.3)}
.ic-box.green{background:var(--greenbg);color:var(--green);border-color:rgba(61,214,140,.3)}
.ic-box.violet{background:rgba(167,139,250,.12);color:var(--violet);border-color:rgba(167,139,250,.3)}
.footer-note{font-size:11.5px;color:var(--dim);text-align:center;padding:8px 0 0;max-width:760px;margin:0 auto}
.plan-card{display:flex;flex-direction:column;gap:16px;padding:26px}
.plan-card .price{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.03em}
.plan-card .price small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}
.plan-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.plan-card li{display:flex;gap:10px;align-items:flex-start;color:var(--soft)}
.plan-card li .ico{color:var(--green);margin-top:2px}
.course-cover{height:120px;border-radius:12px;margin:-6px -6px 4px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px}
.cv-gold{background:radial-gradient(160px 100px at 85% 15%,rgba(255,214,126,.55),transparent 70%),linear-gradient(135deg,#3B2A0B,#1A1408)}
.cv-blue{background:radial-gradient(160px 100px at 85% 15%,rgba(110,168,254,.55),transparent 70%),linear-gradient(135deg,#102243,#0A1326)}
.cv-emerald{background:radial-gradient(160px 100px at 85% 15%,rgba(61,214,140,.5),transparent 70%),linear-gradient(135deg,#0B2E22,#071A14)}
.cv-violet{background:radial-gradient(160px 100px at 85% 15%,rgba(167,139,250,.55),transparent 70%),linear-gradient(135deg,#21163F,#120D24)}
.cv-rose{background:radial-gradient(160px 100px at 85% 15%,rgba(251,113,133,.5),transparent 70%),linear-gradient(135deg,#3A1220,#1E0A12)}
.course-cover .ic-box{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.15);color:#fff}
.lesson-list a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:var(--soft)}
.lesson-list a:hover{background:rgba(255,255,255,.04);color:#fff}
.lesson-list a.on{background:var(--goldbg);color:#fff}
.lesson-list .lnum{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;color:var(--muted)}
.lesson-list .done .lnum{background:var(--green);border-color:var(--green);color:#062214}
.funnelbar{display:flex;flex-direction:column;gap:10px}
.funnelbar .fb{display:grid;grid-template-columns:minmax(120px,220px) 1fr 92px;gap:12px;align-items:center;font-size:13px}
.funnelbar .fb .lab{color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.funnelbar .fb .n{text-align:right;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;gap:6px;justify-content:flex-end;align-items:center}

/* auth & landing */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth .side-art{position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(500px 360px at 20% 20%,rgba(243,184,71,.18),transparent 65%),radial-gradient(400px 300px at 90% 90%,rgba(110,168,254,.12),transparent 60%),#0A0F1B;border-right:1px solid var(--line)}
.auth .formside{display:grid;place-items:center;padding:32px 20px}
.auth .box{width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}
@media(max-width:900px){.auth{grid-template-columns:1fr}.auth .side-art{display:none}}
.feature{display:flex;gap:14px;align-items:flex-start}
.feature b{color:#fff;display:block}.feature span{color:var(--muted);font-size:13.5px}