:root{--bg:#0b1020;--panel:#11182b;--panel2:#161f35;--line:#26324d;--text:#f4f7fb;--muted:#99a7bd;--accent:#35d07f;--accent2:#64a7ff;--danger:#ff6f7d;--shadow:0 16px 42px rgba(0,0,0,.24)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0a1020,#0d1425 30%,#0b1020);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(11,16,32,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.top>div{display:flex;gap:12px;align-items:center}.top strong{display:block;font-size:17px}.top small{display:block;color:var(--muted);margin-top:2px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#1b9eec);font-weight:900;color:#06120d}.badge{font-size:12px;padding:7px 10px;border:1px solid #305a49;border-radius:99px;color:#8cf0b8;background:#10261e}.shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}aside{border-right:1px solid var(--line);padding:22px 14px}nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:94px}nav a{color:#b7c2d3;text-decoration:none;padding:11px 13px;border-radius:10px;font-size:14px}nav a:hover,nav a.active{background:#17223a;color:#fff}nav a.active{box-shadow:inset 3px 0 var(--accent)}main{padding:30px;max-width:1450px;width:100%;margin:0 auto}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px;border:1px solid #29415a;border-radius:20px;background:radial-gradient(circle at 80% 0,#183952,transparent 42%),linear-gradient(135deg,#111a2f,#101729);box-shadow:var(--shadow)}.hero h1{font-size:36px;line-height:1.08;max-width:780px;margin:8px 0 12px}.hero p{color:#aab7c9;max-width:820px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.16em;color:#6be4a3}.btn{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,var(--accent),#2ab6b8);color:#05120d}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.kpis div,.statbox{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:17px}.kpis b{font-size:28px;display:block}.kpis span,.statbox span{color:var(--muted);font-size:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#0f1729);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0}.feature-list{columns:2;padding-left:20px;color:#c8d2df;line-height:1.8}.roadmap{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.roadmap span{background:#17233b;border:1px solid #2b3a56;border-radius:999px;padding:8px 11px;font-size:12px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.pagehead h1{margin:0;font-size:30px}.pagehead p,.muted{color:var(--muted)}.form{display:grid;gap:13px}.form label,.pickgrid label{display:grid;gap:6px;color:#aab7c9;font-size:12px;font-weight:700}.form input,.form select,.form textarea,.pickgrid select{width:100%;background:#0d1425;border:1px solid #2a3854;border-radius:10px;color:#fff;padding:11px 12px;outline:none}.form input:focus,.form select:focus,.form textarea:focus,.pickgrid select:focus{border-color:#4ca8df}.form textarea{min-height:82px}.matchform{grid-template-columns:repeat(4,1fr)}.span2{grid-column:span 2}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px;border-bottom:1px solid #222f48}th{color:#7f90a9;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert.ok{background:#123023;border:1px solid #285f45;color:#8af0b6}.alert.err{background:#35161b;border:1px solid #70303b;color:#ffb3ba}.note{background:#121f34;border:1px solid #2a3c5a;border-radius:10px;padding:12px;color:#9fb0c7;font-size:12px;line-height:1.5}code{display:block;white-space:pre-wrap;background:#090f1c;border:1px solid var(--line);padding:12px;border-radius:10px;color:#83efb4}.pickgrid{display:grid;grid-template-columns:2fr 2fr 2fr 1fr 2fr auto;gap:12px;align-items:end}.result-empty{margin-top:22px;border:1px dashed #31425f;border-radius:14px;padding:35px;text-align:center;color:#8998ae;display:grid;gap:6px}.analysis-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.analysis-head>div{padding:14px;background:#0d1527;border:1px solid var(--line);border-radius:12px}.analysis-head span{display:block;color:var(--muted);font-size:11px}.analysis-head b{font-size:20px}.top-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.top-pick{display:flex;align-items:center;gap:12px;border:1px solid #2a4d43;background:#10251f;border-radius:14px;padding:14px}.top-pick em{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#07140d;font-weight:900}.top-pick span{display:block;color:#b8c8c0;font-size:12px}.top-pick b{font-size:21px}.teamstats{border:1px solid var(--line);border-radius:14px;padding:16px;background:#0d1527}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.statbox{padding:11px;background:#111c30}.statbox b{display:block;margin-top:4px}.prob{margin:12px 0}.prob>div:first-child{display:flex;justify-content:space-between;font-size:13px}.track{height:8px;background:#202d44;border-radius:10px;overflow:hidden;margin-top:6px}.track i{height:100%;display:block;background:linear-gradient(90deg,var(--accent2),var(--accent))}.scores{display:flex;flex-wrap:wrap;gap:8px}.scores span{padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#0d1527}.focus{text-align:center;border:1px solid #365e51;background:radial-gradient(circle,#17372d,#10231e);padding:22px;border-radius:16px;margin-top:20px}.focus span,.focus small{display:block;color:#93b7a6}.focus h2{margin:5px}.focus strong{font-size:46px;color:#7bf0ad}.status{display:grid;gap:0}.status div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.status dt{color:var(--muted)}.status dd{margin:0;font-weight:700}.loading{padding:35px;text-align:center;color:#8da2bf}
@media(max-width:1000px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:10px;overflow:auto}nav{position:static;flex-direction:row;min-width:max-content}main{padding:20px}.pickgrid{grid-template-columns:1fr 1fr}.matchform{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}.hero h1{font-size:30px}}
@media(max-width:680px){.top{padding:0 14px}.badge{display:none}main{padding:14px}.hero{padding:22px;display:grid}.hero h1{font-size:27px}.grid2,.top-picks,.analysis-head{grid-template-columns:1fr}.feature-list{columns:1}.pickgrid,.matchform{grid-template-columns:1fr}.span2{grid-column:auto}.statgrid{grid-template-columns:1fr 1fr}.kpis{gap:8px}.kpis div{padding:13px}.card{padding:16px}}