:root{--bg:#060914;--bg2:#0b1226;--card:rgba(16,24,48,.72);--line:rgba(130,170,255,.16);--ink:#e9f0ff;--dim:#8b9bc4;--acc:#6ea8ff;--ok:#43d6a0;--warn:#ffc15a;--bad:#ff6b8a;--vio:#9b7bff;--r:16px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,"SF Pro Text","Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1100px 600px at 12% -10%,rgba(79,140,255,.18),transparent 60%),radial-gradient(900px 520px at 100% 0%,rgba(155,123,255,.14),transparent 60%),radial-gradient(900px 600px at 50% 120%,rgba(67,214,160,.1),transparent 60%),var(--bg);background-attachment:fixed}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p{margin:0}
.hidden{display:none!important}
.dim{color:var(--dim)}
/* top bar */
#top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:12px 28px;background:rgba(6,9,20,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.22em;font-size:13px;cursor:pointer}
.logo i{width:26px;height:26px;border-radius:8px;background:conic-gradient(from 210deg,#6ea8ff,#9b7bff,#43d6a0,#6ea8ff);display:inline-block;box-shadow:0 0 18px rgba(110,168,255,.5)}
nav{display:flex;gap:4px;margin-left:12px}
nav button{all:unset;cursor:pointer;padding:7px 14px;border-radius:10px;color:var(--dim);font-size:13px;transition:.2s}
nav button:hover{color:#fff;background:rgba(255,255,255,.05)}nav button.on{color:#fff;background:rgba(110,168,255,.16)}
#sysbar{margin-left:auto;display:flex;gap:8px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:20px;border:1px solid var(--line);color:var(--dim);background:rgba(255,255,255,.03)}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#55608a}
.pill.ok::before{background:var(--ok);box-shadow:0 0 8px var(--ok)}.pill.bad::before{background:var(--bad)}.pill.warn::before{background:var(--warn)}
main{max-width:1260px;margin:0 auto;padding:26px 28px 80px}
.view{animation:fade .45s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.28)}
.card>h3,.card h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:14px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);font-weight:600}
.btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:14px;transition:.18s;white-space:nowrap}
.btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.btn.primary{background:linear-gradient(120deg,#4f8cff,#7d6bff 55%,#43d6a0);border-color:transparent;color:#06101f;font-weight:700;box-shadow:0 10px 34px rgba(79,140,255,.35)}
.btn.primary:hover{box-shadow:0 14px 40px rgba(79,140,255,.5)}
.btn.danger{border-color:rgba(255,107,138,.5);color:#ffb3c3}
.btn[disabled]{opacity:.4;pointer-events:none}
.btn.sm{padding:6px 12px;font-size:12px;border-radius:9px}
/* home */
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;padding:44px 0 26px}
@media(max-width:980px){.hero{grid-template-columns:1fr}}
.hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.04;letter-spacing:-.02em;font-weight:750}
.hero h1 span{background:linear-gradient(120deg,#8fbaff,#b29bff 50%,#6ff0c3);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{margin-top:18px;font-size:17px;color:#aebcdf;max-width:560px}
.cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.preview{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#0f1a38,#0a1022);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.preview canvas{position:absolute;inset:0;width:100%;height:100%}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:30px 0}
.feat .card{padding:18px 20px}.feat b{display:block;margin-bottom:6px}.feat span{color:var(--dim);font-size:13.5px}
.feat .ic{font-size:22px;margin-bottom:8px;display:block}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
/* setup */
.setup{display:grid;grid-template-columns:minmax(380px,1.05fr) 1fr;gap:22px;align-items:start}
@media(max-width:1000px){.setup{grid-template-columns:1fr}}
.camwrap{position:relative;border-radius:16px;overflow:hidden;background:#04060f;border:1px solid var(--line);aspect-ratio:16/9}
.camwrap video,.camwrap canvas.ov{position:absolute;inset:0;width:100%;height:100%}
.camwrap video{object-fit:fill;transform:scaleX(-1)}.camwrap canvas.ov{transform:scaleX(-1);pointer-events:none}
.camwrap .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--dim);text-align:center;padding:20px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.chk{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:13px}
.chk .s{width:9px;height:9px;border-radius:50%;background:#4c5679;flex:none}
.chk.ok .s{background:var(--ok);box-shadow:0 0 8px var(--ok)}.chk.bad .s{background:var(--bad)}.chk.warn .s{background:var(--warn)}
.chk small{display:block;color:var(--dim);font-size:11px}
.meter{height:8px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ok),var(--warn) 75%,var(--bad));transition:width .06s linear}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.form .full{grid-column:1/-1}
label.f{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}
select,input[type=text],input[type=password],input[type=number],input[type=email],input[type=search],input[type=url],input[type=tel],textarea{box-sizing:border-box;width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:11px;padding:9px 12px;font-size:14px;outline:none;transition:.15s}
select option{background:#101834}
select:focus,input:focus,textarea:focus{border-color:var(--acc);background:rgba(110,168,255,.08)}
textarea{resize:vertical;min-height:54px}
.sw{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;padding:6px 0}
.sw input{display:none}.sw i{width:38px;height:22px;border-radius:12px;background:#2a3358;position:relative;transition:.2s;flex:none}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}
.sw input:checked+i{background:var(--acc)}.sw input:checked+i::after{left:19px}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{all:unset;cursor:pointer;padding:7px 13px;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--dim)}
.seg button.on{background:rgba(110,168,255,.2);border-color:var(--acc);color:#fff}
/* live */
.live{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:20px}
@media(max-width:1000px){.live{grid-template-columns:1fr}}
.stage{position:relative}
.badge{position:absolute;z-index:3;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(6,9,20,.7);border:1px solid var(--line);backdrop-filter:blur(8px)}
.badge.rec{left:14px;top:14px;color:#ff8aa3;display:flex;align-items:center;gap:7px}.badge.rec::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bad);animation:blink 1s infinite}
@keyframes blink{50%{opacity:.25}}
.badge.tm{right:14px;top:14px;font-variant-numeric:tabular-nums}
.badge.eye{left:14px;bottom:14px}
.badge.vad{right:14px;bottom:14px}
.cap{margin-top:14px;min-height:92px;font-size:16px;line-height:1.6;color:#dce6ff}
.cap .dim{font-size:13px}
.cap mark,.tr mark{background:none;border-radius:5px;padding:0 3px}
mark.f{background:rgba(255,193,90,.22)!important;color:#ffd890}mark.h{background:rgba(155,123,255,.25)!important;color:#cdbbff}mark.n{background:rgba(67,214,160,.2)!important;color:#8ff0cc}mark.p{background:rgba(110,168,255,.2)!important;color:#a9ccff}
.iv{display:flex;flex-direction:column;gap:14px}
.ivc{display:flex;gap:16px;align-items:flex-start}
#orb{width:92px;height:92px;flex:none}
.qmeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;align-items:center}
.qtext{font-size:20px;line-height:1.38;font-weight:600;letter-spacing:-.005em}
.hint{margin-top:10px;font-size:13px;color:var(--dim);background:rgba(255,255,255,.04);padding:9px 12px;border-radius:10px;border-left:3px solid var(--acc)}
.phase{display:flex;align-items:center;gap:14px}
.tring{width:64px;height:64px;position:relative;flex:none}
.tring svg{transform:rotate(-90deg)}.tring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-variant-numeric:tabular-nums}
.pdots{display:flex;gap:6px;margin-bottom:10px}.pdots i{height:5px;flex:1;border-radius:3px;background:rgba(255,255,255,.1)}.pdots i.d{background:var(--acc)}.pdots i.c{background:linear-gradient(90deg,var(--acc),var(--ok))}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{padding:12px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.tile span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.tile b{display:block;font-size:24px;font-variant-numeric:tabular-nums;margin-top:2px}
.tile .g{height:5px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:7px;position:relative;overflow:hidden}
.tile .g i{position:absolute;left:0;top:0;bottom:0;background:var(--acc);border-radius:3px;transition:width .25s}
.tile.ok b{color:var(--ok)}.tile.warn b{color:var(--warn)}.tile.bad b{color:var(--bad)}
.ctrls{display:flex;gap:10px;flex-wrap:wrap}
.notes{display:none}.notes.on{display:block}
kbd{background:rgba(255,255,255,.12);border-radius:5px;padding:1px 7px;font-size:12px;border:1px solid var(--line)}
/* overlay (feedback) */
.ov-bg{position:fixed;inset:0;z-index:60;background:rgba(3,5,12,.74);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .3s}
.modal{width:min(560px,96vw);max-height:92vh;overflow:auto}
.modal h2{font-size:22px;margin-bottom:6px}
.fbk{display:flex;gap:22px;align-items:center}
.fbk .tip{margin:0}
/* report */
.rep-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-bottom:18px}
.rep-head .rh-stats{grid-column:1/-1}
@media(max-width:800px){.rep-head{grid-template-columns:1fr;text-align:center}.rep-head .chips{justify-content:center}}
.rh-main h2{font-size:34px;margin:4px 0 8px;font-weight:750;letter-spacing:-.01em}
.lead{color:#b9c7e8;font-size:15.5px;max-width:720px}.lead b{color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 11px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#cfdcff}
.rh-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media(max-width:900px){.rh-stats{grid-template-columns:repeat(3,1fr)}}
.stat{padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid var(--line);text-align:left}
.stat b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.stat span{display:block;font-size:11px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}.stat i{display:block;font-size:11px;color:var(--dim);font-style:normal;margin-top:2px}
.hs{grid-template-columns:repeat(4,1fr);margin-bottom:16px}
.grid2c{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;margin-bottom:18px}
@media(max-width:900px){.grid2c{grid-template-columns:1fr}}
.cv{width:100%;display:block}
.legend{display:flex;gap:16px;font-size:12px;color:var(--dim);margin-top:6px;justify-content:center}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sec{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:26px 0 12px;font-weight:600}
.tip{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid rgba(130,170,255,.08)}.tip:last-child{border:none}
.tip .dot{width:9px;height:9px;border-radius:50%;margin-top:7px;flex:none;background:var(--acc)}
.tip.bad .dot{background:var(--bad)}.tip.warn .dot{background:var(--warn)}.tip.good .dot{background:var(--ok)}
.tip b{font-size:14.5px}.tip em{font-style:normal;color:var(--dim);font-size:12px;margin-left:6px}.tip p{color:#aebcdf;font-size:13.5px;margin-top:2px}
details.ans{padding:0;margin-bottom:12px;overflow:hidden}
details.ans>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer}
details.ans>summary::-webkit-details-marker{display:none}
.qn{font-weight:700;color:var(--acc);min-width:28px}
.qt{flex:1;font-size:14.5px;color:#dbe6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
details.ans[open] .qt{white-space:normal}
.sbadge{font-weight:700;padding:3px 12px;border-radius:20px;border:1px solid;font-size:14px;font-variant-numeric:tabular-nums}
.abody{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:4px 20px 14px}
@media(max-width:900px){.abody{grid-template-columns:1fr}}
.vid{width:100%;border-radius:12px;background:#04060f;aspect-ratio:16/9;display:block;transform:none}
.vid.ph{display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:12px;text-align:center;padding:10px;border:1px dashed var(--line)}
.sbars{margin-top:14px}.sb{display:grid;grid-template-columns:74px 1fr 28px;gap:8px;align-items:center;font-size:12px;color:var(--dim);margin:6px 0}
.sb>div{height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.sb i{display:block;height:100%;border-radius:4px}.sb b{color:#fff;text-align:right}
.mets{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-bottom:12px}
.m{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.m b{display:block;font-size:16px;font-variant-numeric:tabular-nums}.m span{font-size:10.5px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}
.m.ok b{color:var(--ok)}.m.warn b{color:var(--warn)}.m.bad b{color:var(--bad)}
.star{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.star span{font-size:12px;padding:4px 10px;border-radius:20px;border:1px solid var(--line)}.star .y{color:var(--ok);border-color:rgba(67,214,160,.4);background:rgba(67,214,160,.08)}.star .n{color:var(--bad);border-color:rgba(255,107,138,.35);background:rgba(255,107,138,.07)}
.numres{padding:11px 14px;border-radius:12px;margin-bottom:12px;font-size:13.5px;border:1px solid}.numres.ok{border-color:rgba(67,214,160,.4);background:rgba(67,214,160,.08)}.numres.bad{border-color:rgba(255,107,138,.4);background:rgba(255,107,138,.07)}.numres span{color:var(--dim);font-size:12.5px}
.tr{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.tr p{font-size:14.5px;line-height:1.7;color:#d6e1fb}
.tl{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.tl .lg mark{margin-left:6px;font-size:10px}
.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:0 20px 8px}
.tips{padding:6px 20px 18px}.tips h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}
.aibox{margin:0 20px 18px;padding:14px 16px;border-radius:12px;background:linear-gradient(160deg,rgba(155,123,255,.12),rgba(110,168,255,.08));border:1px solid rgba(155,123,255,.3)}
.aibox h5{margin:10px 0 4px;font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.aibox ul{margin:0;padding-left:18px;color:#cfdcff;font-size:13.5px}.aibox .quote{font-style:italic;color:#e6dcff}
.plan{display:grid;gap:10px}.pl{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04)}.pl b{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#06101f;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px}.pl p{font-size:14px;color:#cfdcff}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;justify-content:center}
.c-behavioural{color:#ffb98a}.c-motivation{color:#8fbaff}.c-global{color:#8ff0cc}.c-case,.c-numeric{color:#d5b8ff}.c-entrepreneur{color:#ffd890}
.hlist{padding:8px}.hrow{all:unset;display:flex;align-items:center;gap:18px;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;cursor:pointer;transition:.15s}.hrow:hover{background:rgba(110,168,255,.1)}
.hs-score{font-size:28px;font-weight:750;width:56px;text-align:center;font-variant-numeric:tabular-nums}.hs-main{flex:1}.hs-main b{display:block}.hs-main i{font-style:normal;color:var(--dim);font-size:12.5px}.hs-chips{display:flex;gap:10px;flex-wrap:wrap;font-size:11.5px}.hs-chips em{font-style:normal}
.empty{text-align:center;padding:50px}.empty h3{margin-bottom:8px}
.toasts{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;z-index:90;pointer-events:none}
.toast{padding:10px 18px;border-radius:24px;background:rgba(16,24,48,.95);border:1px solid var(--line);font-size:13.5px;animation:tin .35s,tout .4s 3.2s forwards;box-shadow:0 10px 30px rgba(0,0,0,.4)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}@keyframes tout{to{opacity:0;transform:translateY(10px)}}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:var(--acc);animation:sp .8s linear infinite;display:inline-block;vertical-align:-3px}
@keyframes sp{to{transform:rotate(360deg)}}
.sectitle{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 14px}.sectitle h2{font-size:26px;letter-spacing:-.01em}
.note{font-size:12.5px;color:var(--dim);margin-top:10px;line-height:1.55}
/* ---------- PRINT / SAVE AS PDF: exactly like the screen, in full colour ---------- */
@page{size:A4;margin:8mm}
@media print{
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;animation:none!important;transition:none!important}   /* no fade-ins: the PDF must show everything at full strength */
  html,body{background:#060914!important;color:#e9f0ff!important;min-height:0!important}
  body{background-image:none!important}
  #top,#foot,.actions,.toasts,.where,.mode-banner,#modalRoot,#limitBanner,#goPro,.sysbar,.ov-bg{display:none!important}
  video,.vidwrap,.camwrap,button,.btn,.seg,.cmpbar,.deepload button,.retake{display:none!important}
  main,.view{max-width:none!important;padding:0!important;margin:0!important}
  .card{background:#0f1730!important;border:1px solid rgba(130,170,255,.32)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .card,.sbars,.tiles,.chips6,.fixes,.win,.pcard{break-inside:avoid;page-break-inside:avoid}
  details.ans{break-inside:auto}
  details.ans>.acol1,details.ans>.acol2{break-inside:auto}
  .dim,.lead{color:#9fb0d6!important}
  details.ans>summary{list-style:none}
  canvas{max-width:100%!important}
}
/* v2 additions */
.cov{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin-bottom:12px}
.ci{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;padding:3px 0;color:#d6e1fb}
.ci b{width:18px;flex:none}.ci.y b{color:var(--ok)}.ci.n b{color:var(--bad)}.ci.n{color:#ffb3c3}
.open{font-size:13.5px;color:var(--dim);margin:0 0 12px;font-style:italic}
.bq{font-style:normal;font-weight:700;color:var(--acc);margin-right:4px}
#wBox textarea{min-height:190px;font-size:15px;line-height:1.55}
.brow{display:flex;align-items:center;gap:14px;padding:12px 10px;border-bottom:1px solid rgba(130,170,255,.08)}
.brow:last-child{border:none}.bn{width:34px;height:34px;border-radius:10px;background:rgba(110,168,255,.14);color:var(--acc);font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;font-size:13px}
.bm{flex:1;min-width:0}.bm b{display:block;font-weight:500;font-size:14.5px;line-height:1.4}.bm i{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;font-style:normal}
.c-tech{color:#8ff0cc}.c-kira{color:#d5b8ff}
.hidden{display:none!important}
/* v3: landing page + session delete */
.hstats5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
@media(max-width:900px){.hstats5{grid-template-columns:repeat(2,1fr)}}
.qs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:13px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:0}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}
.focus h4{font-size:24px;margin:2px 0 8px}.focus p{font-size:13.5px;color:#b9c7e8;margin-bottom:12px;line-height:1.55}
.cal{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;margin:6px 0 10px}
.cd{display:block;aspect-ratio:1;border-radius:4px;background:rgba(255,255,255,.06)}
.cd.l1{background:rgba(110,168,255,.45)}.cd.l2{background:rgba(110,168,255,.75)}.cd.l3{background:#6ea8ff}.cd.lf{background:transparent}
.cov2{display:flex;align-items:center;gap:18px}.cov2 p{font-size:14px;line-height:1.5}
.rrow{display:flex;align-items:center;gap:16px;padding:12px 6px;border-bottom:1px solid rgba(130,170,255,.08);cursor:pointer;border-radius:10px;transition:.15s}
.rrow:hover{background:rgba(110,168,255,.08)}.rrow:last-child{border:none}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
.step{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--line);position:relative}
.step b{width:30px;height:30px;border-radius:50%;background:linear-gradient(120deg,#4f8cff,#43d6a0);color:#06101f;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:10px}
.step h4{font-size:15px;margin-bottom:4px}.step p{font-size:13px;color:#aebcdf;line-height:1.5}
.tipsrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tipsrow h4{font-size:15px;margin-bottom:6px;color:#fff}.tipsrow p{font-size:13.5px;color:#aebcdf;line-height:1.55}
.faq{display:grid;gap:10px}
.faq details{padding:0}.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--acc);font-size:20px;line-height:1}.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 20px 18px;color:#aebcdf;font-size:14px;line-height:1.6}
.cta-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px;padding:26px 30px;background:linear-gradient(120deg,rgba(79,140,255,.22),rgba(155,123,255,.18) 55%,rgba(67,214,160,.16))}
.cta-banner h3{font-size:22px;text-transform:none;letter-spacing:0;color:#fff;margin-bottom:4px}.cta-banner p{color:#b9c7e8;font-size:14.5px}
.hdel{all:unset;cursor:pointer;font-size:12px;padding:6px 12px;border-radius:9px;border:1px solid rgba(255,107,138,.4);color:#ffb3c3;margin-left:auto;white-space:nowrap}
.hdel:hover{background:rgba(255,107,138,.15)}
.hrow{cursor:pointer}
#repSub{display:flex;align-items:center;gap:12px}
/* rubric */
.rub{padding:4px 20px 14px}.rub>h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:6px 0 10px}
.sb.wide{grid-template-columns:200px 1fr 30px}
@media(max-width:700px){.sb.wide{grid-template-columns:120px 1fr 30px}}
.rax{margin-bottom:10px}.axp{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px 200px}
@media(max-width:700px){.axp{margin-left:0}}
.pchip{font-size:11px;padding:2px 9px;border-radius:14px;border:1px solid var(--line);color:#c6d3f2;background:rgba(255,255,255,.03)}
.fw{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);margin:8px 0}
.ci.p b{color:var(--warn)}.ci em.sec{font-style:normal;color:var(--dim);font-size:11px;text-transform:none;letter-spacing:0;margin:0 0 0 6px;display:inline}
.pl3{padding:9px 0;border-bottom:1px solid rgba(130,170,255,.08)}.pl3:last-of-type{border:none}
.pl3h{display:flex;justify-content:space-between;font-size:13.5px}.pl3h b{font-weight:600}
.pl3e{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.ev{font-size:11px;padding:2px 9px;border-radius:14px;border:1px solid var(--line)}.ev.y{color:#8ff0cc;border-color:rgba(67,214,160,.4);background:rgba(67,214,160,.07)}.ev.n{color:#7d8db5}
.flag{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,107,138,.4);background:rgba(255,107,138,.07);margin-top:10px}.flag b{font-size:13.5px}.flag p{font-size:13px;color:#ffc6d2;margin-top:3px;line-height:1.5}
.flag.soft{border-color:rgba(255,193,90,.4);background:rgba(255,193,90,.06)}.flag.soft p{color:#ffe0a8}
.env{margin-top:14px}.env .er{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid rgba(130,170,255,.08);font-size:13px}.env .er:last-child{border:none}
.env .er i{width:9px;height:9px;border-radius:50%;background:#4c5679;margin-top:5px;flex:none}.env .er.ok i{background:var(--ok);box-shadow:0 0 8px var(--ok)}.env .er.warn i{background:var(--warn)}.env .er.bad i{background:var(--bad)}
.env .er b{display:block;font-weight:600}.env .er span{color:var(--dim);font-size:12px}
.lens{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:rgba(3,5,12,.82);backdrop-filter:blur(6px);text-align:center;padding:30px}
.lens h2{font-size:30px}.lens p{color:#aebcdf;max-width:520px}.lens .big{font-size:80px;font-weight:700;color:var(--ok);font-variant-numeric:tabular-nums}
/* v4 */
.tr .w{padding:0 1px;border-radius:4px}
.tr .w[data-seek]{cursor:pointer}.tr .w[data-seek]:hover{background:rgba(110,168,255,.22)}
.w.f{background:rgba(255,193,90,.22);color:#ffd890}.w.h{background:rgba(155,123,255,.25);color:#cdbbff}.w.n{background:rgba(67,214,160,.2);color:#8ff0cc}.w.p{background:rgba(110,168,255,.2);color:#a9ccff}
.w.now{outline:2px solid #6ea8ff;background:rgba(110,168,255,.35)!important}
.lg .w{margin-left:6px;font-size:10px;padding:1px 6px}
.mom{margin:0 0 12px}.mchip{all:unset;cursor:pointer;display:inline-block;margin:4px 6px 0 0;padding:4px 11px;border-radius:16px;font-size:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dbe6ff;transition:.15s}
.mchip:hover{background:rgba(110,168,255,.2)}.mchip.filler{border-color:rgba(255,193,90,.5)}.mchip.pause{border-color:rgba(255,107,138,.5)}.mchip.down{border-color:rgba(255,193,90,.5)}.mchip.hedge{border-color:rgba(155,123,255,.5)}.mchip.start{border-color:rgba(255,107,138,.5)}
.cmp{margin:6px 20px 14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(110,168,255,.3);background:rgba(110,168,255,.05)}
.cmp h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.cmp h4 span.up{color:var(--ok)}.cmp h4 span.down{color:var(--bad)}
.cmpg{display:grid;grid-template-columns:300px 1fr;gap:18px}@media(max-width:800px){.cmpg{grid-template-columns:1fr}}
.cmpt{width:100%;border-collapse:collapse;font-size:13px}.cmpt th{text-align:left;color:var(--dim);font-weight:500;padding:4px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.cmpt td{padding:6px 8px;border-top:1px solid rgba(130,170,255,.08)}.cmpt td.d{font-weight:700}.cmpt td.d.up{color:var(--ok)}.cmpt td.d.down{color:var(--bad)}
details.plain{margin-top:10px}details.plain summary{cursor:pointer;font-size:12.5px;color:var(--acc)}
.vdict.ready{border-color:rgba(67,214,160,.5);background:linear-gradient(120deg,rgba(67,214,160,.12),rgba(16,24,48,.7))}.vdict.almost{border-color:rgba(255,193,90,.5)}.vdict.work{border-color:rgba(255,107,138,.5)}
.vdict h2{font-size:24px;margin:4px 0 6px}.vdict p{color:#c6d3f2}
.ready-card{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center}
@media(max-width:900px){.ready-card{grid-template-columns:1fr;text-align:center}}
.ready-card h3{font-size:22px;text-transform:none;letter-spacing:0;color:#fff;margin:2px 0 6px}.ready-card p{font-size:14px;color:#b9c7e8;line-height:1.55}
.fbar{display:grid;grid-template-columns:120px 1fr 28px;gap:8px;align-items:center;font-size:12px;color:var(--dim);margin:5px 0}.fbar>div{height:6px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.fbar i{display:block;height:100%;border-radius:4px}.fbar b{color:#fff;text-align:right}
.seg.sm button{padding:5px 11px;font-size:12px}
.aifb{margin-top:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(160deg,rgba(155,123,255,.14),rgba(110,168,255,.08));border:1px solid rgba(155,123,255,.3);font-size:13.5px;line-height:1.55}
.aifb h5{margin:8px 0 3px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.aifb .quote{font-style:italic;color:#e6dcff}
.examrules li{margin:6px 0;color:#c6d3f2;font-size:14px}

/* navigation, section bar, home chooser, guide */
nav button{white-space:nowrap}
nav button .nb{margin-left:7px;background:rgba(255,193,90,.2);color:var(--warn);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}
.where{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:9px 28px;background:rgba(110,168,255,.07);border-bottom:1px solid var(--line);font-size:13px}
.where.hidden{display:none}
.where .wn{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--acc)}
.where .wd{color:#c6d3f2}
.where .ws{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.where .ws span{padding:3px 11px;border:1px solid var(--line);border-radius:999px;color:var(--dim);font-size:12px}
.where .ws b{color:var(--acc);margin-right:5px}
.choose{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:6px 0 26px}
.choose .ch{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.choose .ch .ic{font-size:26px}.choose .ch h4{font-size:17px}.choose .ch p{color:var(--dim);font-size:13.5px;line-height:1.5;flex:1}
.choose .cnt{color:var(--warn);font-size:13px;font-weight:600}
@media(max-width:1000px){.choose{grid-template-columns:1fr 1fr}}@media(max-width:560px){.choose{grid-template-columns:1fr}}
.guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.gd{display:flex;flex-direction:column;align-items:flex-start}
.gd .gh{display:flex;align-items:center;gap:10px;margin-bottom:8px}.gd .gh .ic{font-size:24px}.gd h4{font-size:18px}
.gd .what{color:#c6d3f2;font-size:14px;margin-bottom:10px;line-height:1.5}
.gd ol{margin:0 0 16px 18px;color:var(--dim);font-size:13.5px;line-height:1.75;flex:1}
.chip.kind{background:rgba(155,123,255,.2);border-color:rgba(155,123,255,.5);color:#fff}
@media(max-width:1180px){#top{flex-wrap:wrap;gap:10px 16px}nav{margin-left:0;flex-wrap:wrap}nav button{padding:7px 10px}}
@media print{.where{display:none!important}}

/* detailed feedback */
.modal.wide{width:min(780px,96vw)}
.fbl h5,.aibox h5{margin:16px 0 6px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.fi{display:flex;gap:10px;padding:10px 12px;margin:6px 0;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-left:3px solid var(--acc)}
.fi.bad{border-left-color:var(--bad)}.fi.good{border-left-color:var(--ok)}
.fi b{font-size:14.5px}.fi p{color:#b9c7e8;font-size:13.5px;line-height:1.55;margin-top:3px}.fi p.quote{font-style:italic;color:#e6dcff;margin:0 0 3px}
.fx{color:#cfe9dc!important}.fx span{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:rgba(67,214,160,.16);color:var(--ok);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.nx{margin:6px 0 0 18px;color:#cfdcff;font-size:13.5px;line-height:1.7}
.bk .bkr{padding:9px 0;border-bottom:1px solid rgba(130,170,255,.08)}.bk .bkr:last-child{border:none}
.bkh{display:flex;justify-content:space-between;align-items:center}.bkr p{color:#b9c7e8;font-size:13.5px;line-height:1.55;margin-top:3px}
.lv{font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px;border:1px solid var(--line)}.lv.good{color:var(--ok)}.lv.ok{color:var(--warn)}.lv.weak{color:var(--bad)}.lv.na{color:var(--dim)}
.modal .aibox{margin:12px 0}
.pill{white-space:nowrap}

.gate{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(3,5,12,.9);backdrop-filter:blur(12px);padding:20px}
.gate.hidden{display:none}.gate-card{width:min(540px,96vw)}.gate-card h2{font-size:26px;margin-top:4px}
.chip.gr{background:rgba(155,123,255,.18);border-color:rgba(155,123,255,.5);color:#e6dcff}
.fbbar{justify-content:flex-end;position:sticky;bottom:-20px;margin:14px -22px -20px;padding:12px 22px;background:var(--bg2);border-top:1px solid var(--line);border-radius:0 0 16px 16px}

/* ============ accounts, landing page, legal pages, footer ============ */
body:not(.is-in) [data-auth="in"]{display:none!important}
body.is-in [data-auth="out"]{display:none!important}
.pills{display:inline-flex;gap:8px;align-items:center}
.authbtns{display:inline-flex;gap:8px;align-items:center}
.usr{position:relative;display:inline-flex}
.avatar{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6ea8ff,#9b7bff);color:#fff;font-weight:700;font-size:14px;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.avatar:hover{box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.umenu{position:absolute;right:0;top:44px;min-width:230px;z-index:70;background:#0e1631;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.umenu.hidden{display:none}
.umenu button{all:unset;display:block;width:calc(100% - 20px);cursor:pointer;padding:9px 10px;border-radius:9px;font-size:14px;color:#dbe6ff}
.umenu button:hover{background:rgba(110,168,255,.14)}
.umenu .um-out{color:#ff9bb0}
.um-id{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}.um-id b{display:block;font-size:14px}.um-id span{display:block;color:var(--dim);font-size:12px;word-break:break-all}
.mode-banner{padding:7px 28px;background:rgba(255,193,90,.14);border-bottom:1px solid rgba(255,193,90,.35);color:#ffd98a;font-size:12.5px;text-align:center}
.mode-banner.hidden{display:none}
.btn.big{padding:13px 26px;font-size:16px}
.linklike{all:unset;cursor:pointer;color:var(--acc);font-size:14px;margin-top:10px;display:inline-block}.linklike:hover{text-decoration:underline}
.todo{background:rgba(255,193,90,.2);color:#ffd98a;padding:1px 6px;border-radius:6px;font-size:.92em}

/* landing */
.lhero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:36px 0 18px}
.lhero h1{font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:-.02em;margin:10px 0 16px}
.lhero h1 span{background:linear-gradient(90deg,#6ea8ff,#9b7bff,#43d6a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lhero .sub{font-size:17.5px;line-height:1.6;color:#c6d3f2;max-width:620px}
.lhero .cta{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 10px}
@media(max-width:980px){.lhero{grid-template-columns:1fr;gap:26px}}
.mock{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative}
.mock:before{content:"";position:absolute;inset:-1px;border-radius:20px;background:linear-gradient(135deg,rgba(110,168,255,.35),transparent 40%,rgba(67,214,160,.3));z-index:-1;filter:blur(18px);opacity:.6}
.mk-top{display:flex;gap:18px;align-items:center;margin-bottom:16px}.mk-top h3{font-size:20px;margin:2px 0 4px}.mk-top p{color:var(--dim);font-size:13px}
.mk-ring{width:86px;height:86px;border-radius:50%;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#6ea8ff 0 82%,rgba(255,255,255,.08) 82% 100%);position:relative}
.mk-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0c1428}.mk-ring b,.mk-ring span{position:relative}.mk-ring b{font-size:26px;line-height:1}.mk-ring span{font-size:11px;color:var(--dim)}
.mk-bars>div{display:grid;grid-template-columns:78px 1fr 30px;gap:10px;align-items:center;margin:7px 0;font-size:13px;color:#c6d3f2}
.mk-bars i{display:block;height:8px;border-radius:6px;background:rgba(255,255,255,.08);position:relative;overflow:hidden}.mk-bars i:after{content:"";position:absolute;inset:0;width:var(--w);border-radius:6px;background:linear-gradient(90deg,#6ea8ff,#43d6a0)}
.mk-bars b{text-align:right}
.mk-tip{margin-top:10px;padding:9px 12px;border-radius:10px;font-size:13px;background:rgba(255,255,255,.04);border-left:3px solid var(--acc)}.mk-tip.good{border-left-color:var(--ok)}.mk-tip.bad{border-left-color:var(--bad)}
.lstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 8px}
.lstats>div{text-align:center;padding:16px 10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.lstats b{display:block;font-size:30px;letter-spacing:-.02em}.lstats span{color:var(--dim);font-size:13px}
@media(max-width:760px){.lstats{grid-template-columns:1fr 1fr}}
.lsec{margin:54px 0 0}.lsec>h2{font-size:clamp(26px,3.2vw,36px);letter-spacing:-.015em;margin-bottom:18px}
.lcols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.lcols p{font-size:15.5px;line-height:1.65;color:#c6d3f2}
@media(max-width:900px){.lcols{grid-template-columns:1fr}}
.lcols3{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lcols3 b{display:block;margin-bottom:6px;font-size:15.5px}.lcols3 p{color:#b9c7e8;font-size:14px;line-height:1.55}
@media(max-width:900px){.lcols3{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lcols3{grid-template-columns:1fr}}
.lband2{padding:30px;border-radius:20px;background:linear-gradient(160deg,rgba(67,214,160,.09),rgba(110,168,255,.07));border:1px solid rgba(67,214,160,.22)}
.feat.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feat.two h4{font-size:19px;margin-bottom:8px}.feat.two p{color:#b9c7e8;font-size:14.5px;line-height:1.6}
.lcta{margin:64px 0 10px;text-align:center;padding:44px 20px;border-radius:22px;background:radial-gradient(120% 140% at 50% 0%,rgba(110,168,255,.22),rgba(155,123,255,.12) 50%,transparent 80%),var(--card);border:1px solid var(--line)}
.lcta h2{font-size:clamp(26px,3.4vw,38px);letter-spacing:-.015em}.lcta p{color:#c6d3f2;margin:10px 0 22px;font-size:16px}

/* auth */
.authwrap{display:grid;grid-template-columns:minmax(0,480px) minmax(0,420px);gap:34px;justify-content:center;align-items:start;padding:30px 0 10px}
@media(max-width:900px){.authwrap{grid-template-columns:1fr}}
.authcard h2{font-size:26px;margin-bottom:4px}.authcard .sub{color:var(--dim);font-size:14px;margin-bottom:16px}
.authcard label.f{margin-top:12px}.authcard .field{position:relative}
.authcard .pwtoggle{all:unset;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--acc)}
.authcard .row.sp{justify-content:space-between;margin-top:6px;align-items:center}
.authcard .err{color:#ff9bb0;font-size:13.5px;margin-top:10px;min-height:18px}
.authcard .okmsg{color:var(--ok);font-size:13.5px;margin-top:10px}
.authcard .swap{margin-top:16px;font-size:14px;color:var(--dim)}
.authcard .chk-line{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13.5px;color:#c6d3f2}.authcard .chk-line input{margin-top:3px}
.authcard .or{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:12px;margin:16px 0}.authcard .or:before,.authcard .or:after{content:"";flex:1;height:1px;background:var(--line)}
.authcard .btn.full{width:100%;justify-content:center}
.authside{padding:10px 6px}.authside h3{font-size:20px;margin-bottom:12px}.authside li{margin:12px 0;color:#c6d3f2;font-size:14.5px;line-height:1.55;list-style:none;padding-left:26px;position:relative}.authside li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}.authside ul{margin:0;padding:0}

/* account */
.accgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.accgrid{grid-template-columns:1fr}}
.accgrid h3{margin-bottom:12px}.dangerzone{border-color:rgba(255,107,138,.3)}
.onb{margin-bottom:18px}.onb h3{margin-bottom:10px}.onb .ostep{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(130,170,255,.08)}.onb .ostep:last-child{border:none}
.onb .ostep i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal}.onb .ostep.done i{background:var(--ok);border-color:var(--ok);color:#06231a}
.onb .ostep span{flex:1;font-size:14.5px}.onb .ostep.done span{color:var(--dim);text-decoration:line-through}

/* legal pages, faq, footer */
.legal{max-width:820px;margin:0 auto;padding:10px 0}.legal h2{font-size:32px;margin-bottom:6px}.legal h3{font-size:18px;margin:26px 0 8px}.legal p,.legal li{font-size:15px;line-height:1.7;color:#c6d3f2}.legal ul{padding-left:20px}.legal li{margin:6px 0}.legal a{color:var(--acc)}
details.faq{border:1px solid var(--line);border-radius:14px;padding:4px 16px;margin:10px 0;background:rgba(255,255,255,.025)}
details.faq summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}details.faq summary:after{content:"+";color:var(--acc);font-size:20px;line-height:1}details.faq[open] summary:after{content:"–"}
details.faq p{padding:0 0 14px;color:#b9c7e8;font-size:14.5px;line-height:1.65}
#foot{margin-top:70px;border-top:1px solid var(--line);padding:26px 28px 34px;background:rgba(6,9,20,.6)}
.foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;max-width:1180px;margin:0 auto}
.foot-brand b{letter-spacing:.2em;font-size:13px;display:block}.foot-brand span{color:var(--dim);font-size:13px}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}.foot-links a{color:#c6d3f2;font-size:14px;text-decoration:none}.foot-links a:hover{color:#fff;text-decoration:underline}
.foot-note{max-width:1180px;margin:16px auto 0;color:var(--dim);font-size:12.5px;line-height:1.6}
body.in-live #foot{display:none}
@media print{#foot,.mode-banner{display:none!important}}

/* ============ short results ============ */
.chips6{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}
@media(max-width:520px){.chips6{grid-template-columns:1fr 1fr}}
.c6{position:relative;display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:10px;border:1px solid var(--line);font-size:12.5px;overflow:hidden;background:rgba(255,255,255,.03)}
.c6 i{position:absolute;left:0;top:0;bottom:0;opacity:.16;background:var(--acc)}.c6.good i{background:var(--ok)}.c6.ok i{background:var(--warn)}.c6.weak i{background:var(--bad)}
.c6 em,.c6 b{position:relative;font-style:normal}.c6 em{color:#c6d3f2}.c6 b{font-size:14px}
.short{margin-top:12px}
.headline{font-size:17px;font-weight:600;line-height:1.4;color:#fff;margin:2px 0 10px}
.fixes .fixh{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:6px 0}
.fx1{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid rgba(130,170,255,.08);align-items:flex-start}.fx1:last-child{border:none}
.fx1>b{flex:none;width:24px;height:24px;border-radius:50%;background:rgba(255,107,138,.18);color:#ffb3c3;font-size:13px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.fx1 strong{display:block;font-size:15px}.fx1 span{display:block;color:#b9c7e8;font-size:13.5px;line-height:1.5;margin-top:1px}.fx1 small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.fixes.big .fx1 strong{font-size:16.5px}
.win{margin-top:10px;padding:9px 12px;border-radius:10px;background:rgba(67,214,160,.1);border:1px solid rgba(67,214,160,.28);font-size:13.5px;color:#c9f3e3}.win b{color:var(--ok);margin-right:4px}
.improve{padding:4px 20px 6px}.improve .short{margin-top:6px}
details.fullan{margin:14px 20px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
details.fullan>summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:14px;color:var(--acc);list-style:none}details.fullan>summary::-webkit-details-marker{display:none}
details.fullan>summary small{color:var(--dim);font-weight:400;margin-left:8px}
details.fullan>summary:before{content:"▸ ";}details.fullan[open]>summary:before{content:"▾ ";}
.fullbody{padding:0 0 12px}
#repRoot>details.fullan,.modal details.fullan{margin-left:0;margin-right:0}
.modal details.fullan{margin-top:12px}.modal .fullbody{padding:0 12px 12px}
.deepload{padding:10px 14px}
.sfixline{display:block;font-size:12.5px;color:#ffb3c3;font-weight:400;margin-top:2px}
.modal .fbk{margin-bottom:2px}

.choose{grid-template-columns:repeat(3,1fr)}@media(max-width:1000px){.choose{grid-template-columns:1fr 1fr}}@media(max-width:560px){.choose{grid-template-columns:1fr}}

/* form fields and full-width buttons never overflow their card */
input,select,textarea{box-sizing:border-box;max-width:100%;color:inherit;font-family:inherit}
.btn.full{box-sizing:border-box;width:100%;max-width:100%}
.authcard input{width:100%}
.c-job{color:#ffd98a}

/* ============ visual landing page ============ */
.lsub{color:#b9c7e8;font-size:16px;margin:-6px 0 22px;max-width:720px;line-height:1.55}
.vis{height:96px;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:14px;padding:6px}
.vis svg{width:100%;height:100%;max-height:84px}
/* interview tracks */
.tracks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1000px){.tracks{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tracks{grid-template-columns:1fr}}
.trk{border-radius:18px;padding:20px;border:1px solid var(--line);background:var(--card);position:relative;overflow:hidden;transition:.2s}
.trk:hover{transform:translateY(-3px);border-color:rgba(110,168,255,.45)}
.trk:before{content:"";position:absolute;inset:0;opacity:.22;background:radial-gradient(120% 90% at 0% 0%,var(--tc),transparent 60%)}
.trk>*{position:relative}.t-uni{--tc:#6ea8ff}.t-sch{--tc:#ffc15a}.t-job{--tc:#43d6a0}.t-tech{--tc:#9b7bff}
.trk-ic{font-size:30px;margin-bottom:8px}.trk h4{font-size:18px;margin-bottom:4px}.trk p{color:#b9c7e8;font-size:13.5px;margin-bottom:12px}
.qchips{display:flex;flex-direction:column;gap:6px}.qchips span{font-size:12.5px;padding:7px 10px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);color:#dbe6ff}
/* what is it */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.trio{grid-template-columns:1fr}}
.panel{padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--card)}.panel h4{font-size:17px;margin-bottom:6px}.panel p{color:#b9c7e8;font-size:14px;line-height:1.6}
.v-cam{padding:0}.cam{width:100%;height:100%;position:relative;background:radial-gradient(60% 80% at 50% 90%,#2a3a66,#0d1530)}
.cam:after{content:"";position:absolute;left:50%;top:46%;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(155,123,255,.55);box-shadow:0 38px 0 -6px rgba(155,123,255,.4)}
.cam-q{position:absolute;left:10px;top:8px;right:10px;font-size:11.5px;color:#fff;background:rgba(0,0,0,.45);padding:5px 8px;border-radius:8px;z-index:2}
.cam-rec{position:absolute;left:10px;bottom:8px;font-size:10px;color:#fff;display:flex;gap:5px;align-items:center;z-index:2}.cam-rec i{width:8px;height:8px;border-radius:50%;background:#ff4d6d;animation:blink 1.2s infinite}
.cam-t{position:absolute;right:10px;bottom:6px;font-weight:700;font-size:15px;color:#ffc15a;z-index:2}
@keyframes blink{50%{opacity:.25}}
.v-res{gap:16px;justify-content:flex-start;padding-left:16px}.res-ring{width:62px;height:62px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;background:conic-gradient(#6ea8ff 0 78%,rgba(255,255,255,.1) 78% 100%);position:relative}.res-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#0c1428}.res-ring{color:#fff}.res-ring{isolation:isolate}
.res-list{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#dbe6ff}.res-list b{display:inline-flex;width:17px;height:17px;border-radius:50%;background:rgba(255,107,138,.25);color:#ffb3c3;font-size:10px;align-items:center;justify-content:center;margin-right:7px}
/* how it works */
.hsteps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
@media(max-width:1100px){.hsteps{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hsteps{grid-template-columns:1fr 1fr}}@media(max-width:480px){.hsteps{grid-template-columns:1fr}}
.hstep{padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--card);position:relative}
.hstep>b{position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#6ea8ff,#43d6a0);color:#04120d;font-size:13px;display:flex;align-items:center;justify-content:center}
.hstep h4{font-size:15.5px;margin-bottom:4px}.hstep p{color:#b9c7e8;font-size:13px;line-height:1.55}
/* feature grid */
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.fgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.fgrid{grid-template-columns:1fr}}
.fcard{padding:14px 14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--card);transition:.2s}.fcard:hover{border-color:rgba(110,168,255,.4);transform:translateY(-2px)}
.fcard .vis{height:84px;margin-bottom:12px}.fcard b{display:block;font-size:15px;margin-bottom:4px}.fcard span{color:#b9c7e8;font-size:13px;line-height:1.5;display:block}
.v-stack{perspective:300px}.v-stack i{position:absolute;font-style:normal;font-size:11px;padding:7px 10px;border-radius:9px;background:#16224a;border:1px solid rgba(255,255,255,.14);color:#dbe6ff;white-space:nowrap}
.v-stack i:nth-child(1){transform:translate(-26px,-22px) rotate(-6deg);opacity:.7}.v-stack i:nth-child(2){transform:translate(14px,0) rotate(2deg)}.v-stack i:nth-child(3){transform:translate(-14px,24px) rotate(-3deg);background:#1d2f66}
.vis .tline{position:absolute;top:10px;left:10px;right:10px;font-size:11.5px;color:#dbe6ff;line-height:1.5}.vis .tline+svg{position:absolute;bottom:6px;left:6px;right:6px;width:calc(100% - 12px);height:24px}
.tline mark{border-radius:5px;padding:0 4px;color:#fff}.tline mark.f{background:rgba(255,193,90,.35)}.tline mark.n{background:rgba(67,214,160,.35)}.tline mark.h{background:rgba(155,123,255,.4)}
.v-fix{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding-left:14px}.v-fix span{display:flex!important;align-items:center;font-size:11.5px;color:#dbe6ff!important}.v-fix b{display:inline-flex!important;width:17px;height:17px;border-radius:50%;background:rgba(255,107,138,.25);color:#ffb3c3;font-size:10px;align-items:center;justify-content:center;margin:0 7px 0 0!important}
.v-exam{flex-direction:column;gap:8px}.dots{display:flex;gap:8px}.dots i{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.12)}.dots i.on{background:#43d6a0;box-shadow:0 0 12px rgba(67,214,160,.5)}.exam-t{font-size:12px;color:#c6d3f2}
.v-ai{gap:16px}.ai-chip{font-size:12px;padding:6px 12px;border-radius:999px;background:rgba(155,123,255,.25);border:1px solid rgba(155,123,255,.5);color:#e6dcff}.ai-score{font-size:34px;font-weight:800;background:linear-gradient(90deg,#6ea8ff,#43d6a0);-webkit-background-clip:text;background-clip:text;color:transparent}
/* who it is for */
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1000px){.who{grid-template-columns:1fr 1fr}}@media(max-width:560px){.who{grid-template-columns:1fr}}
.whoc{padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--card);text-align:left}.who-ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;background:linear-gradient(135deg,rgba(110,168,255,.25),rgba(155,123,255,.2));margin-bottom:12px}
.whoc h4{font-size:16.5px;margin-bottom:6px}.whoc p{color:#b9c7e8;font-size:13.5px;line-height:1.6}
/* privacy tiles + free */
.ptiles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:900px){.ptiles{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ptiles{grid-template-columns:1fr}}
.ptiles>div{padding:6px}.p-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:rgba(67,214,160,.14);border:1px solid rgba(67,214,160,.3);margin-bottom:12px}.ptiles b{display:block;font-size:15.5px;margin-bottom:6px}.ptiles p{color:#b9c7e8;font-size:13.5px;line-height:1.55}
.free2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.free2{grid-template-columns:1fr}}
.fr-card{padding:24px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(110,168,255,.12),rgba(255,255,255,.02))}
.fr-big{font-size:46px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,#6ea8ff,#43d6a0);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1;margin-bottom:6px}.fr-card h4{font-size:19px;margin-bottom:6px}.fr-card p{color:#b9c7e8;font-size:14.5px;line-height:1.6}
/* footer columns + legal tabs */
.foot-cols{display:flex;gap:56px;flex-wrap:wrap}.foot-cols h5{font-size:14px;color:#fff;margin-bottom:10px}.foot-cols a{display:block;color:#b9c7e8;font-size:14px;text-decoration:none;margin:7px 0}.foot-cols a:hover{color:#fff;text-decoration:underline}
.foot-in{align-items:flex-start}
.legalnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.legalnav a{padding:7px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:#b9c7e8;text-decoration:none}.legalnav a:hover{color:#fff;background:rgba(255,255,255,.05)}.legalnav a.on{background:rgba(110,168,255,.2);border-color:var(--acc);color:#fff}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}@media(max-width:760px){.pcards{grid-template-columns:1fr}}
.pcards>div{padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.pcards b{display:block;margin-bottom:4px}.pcards span{color:#b9c7e8;font-size:13.5px;line-height:1.5}

/* ---------- MOCK EXAM: only the camera (left) and the question + time left (right) ---------- */
.live.exam{align-items:center}
.live.exam .cap,.live.exam #tiles,.live.exam #orb,.live.exam #notesBox,.live.exam #hintBox,.live.exam .badge.eye,.live.exam .badge.vad,.live.exam .badge.tm,.live.exam #qCat,.live.exam #bMore{display:none!important}
.live.exam .iv{justify-content:center}
.live.exam .iv>.card{padding:30px 32px}
.live.exam .ivc{display:block}
.live.exam .qmeta{margin-bottom:14px}
.live.exam .qtext{font-size:28px;line-height:1.34;font-weight:650;letter-spacing:-.012em}
.live.exam .phase{margin-top:26px!important;padding-top:22px;border-top:1px solid var(--line);gap:20px}
.live.exam .tring{width:116px;height:116px}
.live.exam .tring svg{width:116px;height:116px}
.live.exam .tring b{font-size:30px;font-weight:700}
.live.exam #phaseLbl{font-size:19px}
.live.exam .ctrls{margin-top:22px!important}
@media (max-width:900px){.live.exam .qtext{font-size:22px}.live.exam .tring,.live.exam .tring svg{width:92px;height:92px}.live.exam .tring b{font-size:24px}}

/* ---------- PLANS, PRICING AND BILLING ---------- */
.gopro{background:linear-gradient(135deg,#ffcf6b,#ff9f5a);color:#1a1205;font-weight:800;font-size:12.5px;letter-spacing:.02em;border:0;border-radius:20px;padding:7px 14px;cursor:pointer;margin-right:10px;box-shadow:0 4px 18px rgba(255,170,80,.28)}
.gopro:hover{filter:brightness(1.07)}
.pricing{max-width:1080px;margin:0 auto;padding:10px 0 40px}
.pricing .phead{text-align:center;margin:18px 0 26px}.pricing .phead h2{font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.02em;margin:8px 0 10px}
.pnote.ok{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:12px;background:rgba(67,214,160,.12);border:1px solid rgba(67,214,160,.35);color:#7be8bf;font-size:14px}
.pfree{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px;padding:18px 22px}
.pfree h3{font-size:24px;margin:6px 0 0}.pfree h3 small{font-size:13px;color:var(--dim);font-weight:500}
.pfree .pfeat{margin:0;flex:1;min-width:260px;columns:2;column-gap:26px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line)}
.pcard.hl{border-color:rgba(110,168,255,.6);box-shadow:0 10px 40px rgba(80,120,255,.18)}
.pcard h3{font-size:18px;margin:6px 0 10px}
.ptag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,#5b8cff,#8f6bff 60%,#34d399);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:20px;text-transform:uppercase}
.pprice{display:flex;align-items:baseline;gap:8px}.pprice b{font-size:42px;letter-spacing:-.03em}.pprice span{color:var(--dim);font-size:14px}
.psub{min-height:20px;color:#7be8bf;font-size:13px;font-weight:600;margin-top:2px}
.pblurb{color:var(--dim);font-size:13.5px;margin:10px 0 14px;min-height:38px}
.pfeat{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.pfeat li{position:relative;padding-left:22px;line-height:1.35}.pfeat li::before{content:"✓";position:absolute;left:0;top:0;color:#43d6a0;font-weight:800}
.pcard .btn.full{margin-top:auto}
.pfoot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.pfoot>div{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.pfoot b{display:block;margin-bottom:4px;font-size:14px}.pfoot span{color:var(--dim);font-size:13px;line-height:1.45}
@media (max-width:900px){.pgrid,.pfoot{grid-template-columns:1fr}.pfree .pfeat{columns:1}.pcard.hl{margin-top:8px}}
/* account plan card */
.planc{grid-column:1/-1}
.planrow{display:flex;align-items:center;gap:12px;margin:6px 0 12px}.planstat{font-size:14.5px}
.chip.pro{background:linear-gradient(135deg,#ffcf6b,#ff9f5a);color:#1a1205;border:0;font-weight:800}
.meter{height:8px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#5b8cff,#43d6a0);border-radius:6px}
/* upgrade moments */
.usageline{margin:10px 0 0;font-size:12.5px;color:var(--dim);text-align:center}.usageline a{color:#ffcf6b;font-weight:700}
.locked{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;border:1px dashed rgba(255,207,107,.5);background:rgba(255,207,107,.06)}
.locked .lk{font-size:26px;line-height:1}.locked b{font-size:15px}.locked p{margin:6px 0 12px;color:var(--dim);font-size:13.5px;line-height:1.45}

/* daily limit banner and block */
.limitbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 16px;padding:12px 18px;border-radius:14px;border:1px solid rgba(255,207,107,.45);background:rgba(255,207,107,.08);font-size:14.5px}
.limitbar.hidden{display:none}
.gopro-b{background:linear-gradient(135deg,#ffcf6b,#ff9f5a)!important;color:#1a1205!important;border:0!important;font-weight:800}