
:root{color-scheme:dark;--bg:#061321;--p:#102638;--p2:#142f43;--txt:#edf7ff;--mut:#a9c2d1;--line:#284454;--acc:#72e7c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% -5%,#163f52 0%,transparent 46%),var(--bg);font:15px/1.75 system-ui,-apple-system,'Malgun Gothic',sans-serif;color:var(--txt)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bcfff0;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:5;background:#fff;color:#111;padding:10px}header{border-bottom:1px solid #1a3747;background:#071b2bdc;position:sticky;top:0;z-index:4;backdrop-filter:blur(10px)}.nav{max-width:1200px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.logo{font-weight:900;letter-spacing:.05em}.logo b{color:var(--acc)}.navlinks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#bdd4df}.navlinks a:hover,footer a:hover{color:var(--acc)}main{max-width:1200px;padding:40px 22px 90px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:850;color:var(--acc);font-size:11px}.hero{padding:38px 38px 35px;border:1px solid #365365;border-radius:20px;background:linear-gradient(120deg,#14334b,#0d2339 70%);box-shadow:0 18px 60px #020a155e}.hero h1{font-size:clamp(30px,4.3vw,54px);line-height:1.23;letter-spacing:-.045em;margin:12px 0 16px}.hero p{max-width:740px;color:#c2d8e3;font-size:15px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #477080;padding:10px 17px;background:transparent;color:#eafff7;font-weight:700;min-height:44px}.btn.primary{background:var(--acc);border-color:var(--acc);color:#08222b}.btn:hover{filter:brightness(1.09)}.notice{border-left:3px solid #ffd087;background:#293443;color:#e3d9bf;padding:12px 15px;margin:24px 0;border-radius:5px;font-size:13px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:24px}.hub-card,.section-card,.panel,.next-card{border:1px solid var(--line);border-radius:15px;background:var(--p);padding:23px}.hub-card{display:block;transition:transform .18s,border-color .18s}.hub-card:hover{transform:translateY(-3px);border-color:#70d9bd}.sport-icon{font-size:29px}.hub-card h2{font-size:22px;margin:10px 0 5px}.hub-card p{font-size:13px;color:var(--mut);margin:0}.hub-card .more{display:inline-block;margin-top:18px;color:var(--acc);font-weight:800;font-size:13px}.cols{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:22px;margin:28px 0}.section-card{margin-bottom:16px}.sec-top{display:flex;gap:11px;align-items:baseline}.sec-top span{color:var(--acc);font-weight:850;font-size:12px}.section-card h2{margin:0 0 12px;font-size:21px;line-height:1.4}.section-card p{margin:0;color:#cadce6}.probe{border-top:1px solid #234557;margin-top:15px;padding-top:12px;color:#92cbbb;font-size:12px}.panel{position:sticky;top:86px;align-self:start}.panel h2{font-size:20px;margin:0 0 7px}.panel p{color:var(--mut);font-size:12px}.check{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #264354;font-size:13px;cursor:pointer}.check input{width:18px;height:18px;accent-color:#74ecc5;margin-top:3px;flex:none}.bar{height:8px;background:#234153;border-radius:10px;overflow:hidden;margin-top:15px}.bar span{display:block;height:100%;background:linear-gradient(90deg,#2f9ae6,#78ecc6);width:0;transition:width .16s}.count{font-size:13px;color:var(--acc);font-weight:800;margin:8px 0 4px}.copy-button{margin-top:14px;width:100%}.next-card{margin-top:20px;background:#112e38}.next-card h2{margin:0 0 8px}.next-card p,.next-card li{color:#bdcedb}.next-card ul{padding-left:18px}footer{border-top:1px solid #1e3c4a;padding:24px 22px;color:#9ebac7;font-size:12px}footer>div{max-width:1156px;margin:auto;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}footer nav{display:flex;gap:13px;flex-wrap:wrap}.tiny{color:#88aebd;font-size:12px}@media(max-width:850px){.cols{grid-template-columns:1fr}.panel{position:static}.hero{padding:25px}.nav{gap:10px}.navlinks{gap:13px}.hub-grid{grid-template-columns:1fr}}@media(max-width:470px){main{padding:20px 14px 60px}.hero h1{font-size:30px}.hub-card,.section-card,.panel,.next-card{padding:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
