:root{--ink:#f7f7f3;--muted:#989c9a;--bg:#07101f;--surface:#0d1729;--line:#243653;--lime:#2f6fed;--green:#4ade80;--amber:#fbbf24;--red:#fb7185;--shadow:0 28px 80px #0006;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 500px at 85% -10%,#2f6fed1f,transparent 58%),radial-gradient(700px 500px at -10% 30%,#60a5fa12,transparent 60%),var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 70%)}a{color:inherit;text-decoration:none}.shell{width:min(1280px,calc(100% - 36px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:950;letter-spacing:-1px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:#07101f;font-size:12px;box-shadow:0 0 30px #2f6fed2e}.brand span{color:var(--lime)}.navlinks{display:flex;gap:4px}.navlinks a{padding:10px 12px;color:#aeb4af;font-size:14px;font-weight:650;border-radius:10px}.navlinks a:hover{color:white;background:#ffffff0f}.nav-cta{border:1px solid #254781!important;color:var(--lime)!important}.hero{min-height:690px;padding:74px 0 60px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}.eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.hero h1{font-size:clamp(52px,6.6vw,94px);line-height:.91;letter-spacing:-5.5px;margin:18px 0 25px}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8e958f}.hero p{font-size:18px;line-height:1.7;color:#a7aca8;max-width:650px}.trust-row,.selection-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-card,.card{position:relative;background:linear-gradient(145deg,#111b2efa,#0b1324fa);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:28px}.card{padding:25px;margin-bottom:20px}.card:hover{border-color:#31517f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:17px;border:1px solid var(--line);background:#0a1425;border-radius:15px}.metric .value{font-size:29px;font-weight:900;letter-spacing:-1.5px}.metric .label{margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}h1,h2,h3{letter-spacing:-.035em}h2{font-size:30px}input,select,textarea,button{font:inherit}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:11px;color:#b8bdb9;font-weight:850;text-transform:uppercase;letter-spacing:.8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#090c0a;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #2f6fed14}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 17px;font-weight:900;cursor:pointer;background:var(--lime);color:#07101f;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.secondary{background:#14213a;color:var(--ink);border:1px solid #2c4368}.btn.danger{background:#35171d;color:#ffb2ba;border:1px solid #642b34}.muted{color:var(--muted)}.small{font-size:13px}.pill{display:inline-flex;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#111b2c;color:#c8cec9;font-size:11px;font-weight:800}.good{color:var(--green)}.warn{color:var(--amber)}.bad{color:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:50px 0 24px}.section-title h2{margin:6px 0 0}.notice{padding:15px 17px;background:#2f6fed0e;border:1px solid #274675;border-left:3px solid var(--lime);border-radius:13px;color:#bdc5bd;margin:16px 0}.select-stage,.replay-wrap{position:relative;background:#030403;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:18px}.select-stage img,.replay-wrap video{display:block;width:100%;max-height:72vh;object-fit:contain}.select-stage canvas,.replay-wrap canvas{position:absolute;inset:0}.selection-status{padding:13px 16px;border-radius:12px;background:#111b2c;color:#bac1bb;margin-top:16px}.progress-shell{height:10px;border-radius:999px;background:#1a2a45;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#1d4ed8,var(--lime));box-shadow:0 0 20px #2f6fed80;transition:.3s}.big-progress{font-size:68px;font-weight:950;letter-spacing:-5px;margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:13px 11px;border-bottom:1px solid var(--line);text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.score{font-size:65px;font-weight:950;color:var(--lime)}.event{display:grid;grid-template-columns:55px 75px 1fr 110px 90px;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.time{font-variant-numeric:tabular-nums;color:var(--lime)}.list-clean{padding:0;list-style:none}.list-clean li{padding:13px 0;border-bottom:1px solid var(--line)}.profile-head{display:flex;gap:16px;align-items:center}.avatar{width:90px;height:90px;border-radius:20px;object-fit:cover}.empty-avatar{display:grid;place-items:center;background:var(--lime);color:#07101f;font-weight:950}.timeline{display:flex;gap:8px;overflow:auto;padding:15px 0}.timeline button{white-space:nowrap;border:1px solid var(--line);background:#111b2c;color:#ddd;border-radius:99px;padding:9px 12px}.skeleton-only video{opacity:0}.footer{margin-top:72px;padding:30px 0;border-top:1px solid var(--line);color:#747b75;font-size:12px;display:flex;justify-content:space-between}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-number{font-size:42px;color:#2c4368;font-weight:950}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:30px;padding-top:48px}.hero h1{letter-spacing:-3px}.grid,.grid3,.compare-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.navlinks{overflow:auto;max-width:70%}.navlinks a{white-space:nowrap}.row,.row3{grid-template-columns:1fr}.event{grid-template-columns:55px 70px 1fr}.event>*:nth-child(4),.event>*:nth-child(5){display:none}}
@media(max-width:620px){.shell{width:calc(100% - 24px)}.nav{height:auto;padding:18px 0}.navlinks{display:none}.hero{padding:45px 0 35px;min-height:auto}.hero h1{font-size:49px;letter-spacing:-3px}.hero-card,.card{padding:19px}.section-title{align-items:flex-start;flex-direction:column}.big-progress{font-size:54px}}