:root{--bg:#080b13;--panel:#111827;--card:#172033;--text:#f8fafc;--muted:#b8c2d6;--accent:#ff2d55;--accent2:#00d4ff;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,#1e293b,#080b13 45%,#05060a);color:var(--text);line-height:1.65}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background:rgba(8,11,19,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-weight:900;color:#fff;text-decoration:none;font-size:1.1rem}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;margin-right:8px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 30px rgba(255,45,85,.25)}.main-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.nav-link{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:999px;font-size:.92rem}.nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}.menu-toggle{display:none;background:var(--card);color:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:1.2rem}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:center;padding:72px 5% 42px}.eyebrow{color:var(--accent2);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.hero h1{font-size:clamp(2.1rem,5vw,4.7rem);line-height:1;margin:0 0 18px}.lead{font-size:1.18rem;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.hero-actions a{background:linear-gradient(135deg,var(--accent),#ff7a18);padding:13px 18px;border-radius:14px;color:#fff;font-weight:800;text-decoration:none}.hero-actions .ghost{background:rgba(255,255,255,.08);border:1px solid var(--line)}.score-panel,.content-box,.side-box{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.score-panel{padding:30px;min-height:250px}.score-panel strong{font-size:1.8rem}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;padding:24px 5% 60px}.content-box,.side-box{padding:28px}.content-box h2,.side-box h2{margin-top:0}.content-box p{color:#d9e2f3;font-size:1.04rem}.match-card{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px}.match-card span{color:var(--accent2);font-weight:800;font-size:.8rem}.match-card h3{margin:6px 0}.match-card p,.comment-box p,footer{color:var(--muted)}.comment-box{margin-top:20px}footer{padding:30px 5%;border-top:1px solid var(--line);background:#05060a}footer nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}footer .nav-link{padding-left:0}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:5%;right:5%;background:#0b1020;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.main-nav.open{display:grid;grid-template-columns:1fr 1fr}.hero,.content-grid{grid-template-columns:1fr}.hero{padding-top:46px}.content-grid{padding-top:10px}.side-box{order:-1}}@media(max-width:560px){.site-header{padding:12px 4%}.main-nav.open{grid-template-columns:1fr}.hero,.content-grid{padding-left:4%;padding-right:4%}.content-box,.side-box,.score-panel{border-radius:20px;padding:20px}.hero-actions a{width:100%;text-align:center}.hero h1{font-size:2.25rem}}