:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#06172a;color:#f5f8ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 10%,#123c60 0,transparent 35%),linear-gradient(180deg,#06172a,#081d34 55%,#06172a)}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.header{border-bottom:1px solid #ffffff19;background:#06172add}.head-inner,.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.head-inner{min-height:84px}.brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:.14em;font-size:15px}.brand small{display:block;color:#9ac9e7;font-size:10px;letter-spacing:.16em;margin-top:4px}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#8dd9ff,#f6d17e);color:#09243f;font-size:24px;box-shadow:0 12px 35px #00aaff33}.header nav,.footer nav{display:flex;align-items:center;gap:24px;font-size:14px;color:#c6d5e3}.header nav a:hover,.footer nav a:hover{color:white}.small-cta,.cta,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;font-weight:800}.small-cta{padding:12px 16px;background:#f4c862;color:#09243f}.hero{min-height:620px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding-top:75px;padding-bottom:90px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#8dd9ff;font-size:12px;font-weight:900}.hero h1{font-size:clamp(52px,6.6vw,94px);line-height:1.03;letter-spacing:-.06em;margin:24px 0}.hero em{font-style:normal;color:#a7dffc}.lead{max-width:560px;color:#c7d6e5;font-size:19px;line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.cta{padding:16px 24px;background:#f4c862;color:#082139;box-shadow:0 12px 32px #edbd5840}.secondary{padding:15px 23px;border:1px solid #8ac5e87a;color:#e0f3ff}.cta:hover,.small-cta:hover{background:#ffe09b}.secondary:hover{background:#ffffff12}.rink{height:430px;position:relative;border:2px solid #a6d9f07d;border-radius:44%;transform:rotate(-13deg);background:radial-gradient(circle,#1d638061,#0a243f 55%,#06182b);box-shadow:0 0 100px #0088ff20}.rink:before,.rink:after{content:"";position:absolute;inset:11%;border:1px solid #b8e5fa55;border-radius:45%}.rink:after{inset:25%}.rink-line{position:absolute;top:6%;bottom:6%;left:50%;width:3px;background:#e48989ad}.puck{position:absolute;left:calc(50% - 40px);top:calc(50% - 20px);width:80px;height:40px;border-radius:50%;background:linear-gradient(#132434,#02070e);box-shadow:0 16px 35px #000a,0 0 0 5px #7fcde433;z-index:1}.rink span{position:absolute;bottom:3%;right:0;transform:rotate(13deg);background:#0b2d4e;padding:12px 16px;border:1px solid #8ac5e85c;border-radius:12px;color:#c7eaff;font-size:12px;font-weight:800}.how{padding-top:28px;padding-bottom:100px}.how h2,.modes h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin:10px 0 30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{border:1px solid #8dc7e740;border-radius:24px;padding:25px;background:#123453ac;min-height:224px}.steps b{color:#f4c862;font-size:23px}.steps h3{font-size:20px;margin:22px 0 9px}.steps p,.modes p{color:#c3d5e4;line-height:1.7}.modes{margin-bottom:85px;padding:35px;border:1px solid #90d3ee5c;border-radius:28px;background:linear-gradient(115deg,#113e5d,#0b2947);display:flex;align-items:center;justify-content:space-between;gap:30px}.modes p{max-width:650px}.footer{border-top:1px solid #ffffff19;background:#06172acc}.foot-inner{padding:28px 0;color:#9db1c3;font-size:13px}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.rink{max-width:500px;width:100%;height:350px;margin:auto}.steps{grid-template-columns:repeat(2,1fr)}.modes{display:block}.modes .cta{margin-top:18px}}@media(max-width:560px){.header nav a:not(.small-cta){display:none}.brand{font-size:12px}.hero{padding-top:45px;gap:20px}.hero h1{font-size:51px}.lead{font-size:17px}.rink{height:260px}.rink span{display:none}.steps{grid-template-columns:1fr}.steps article{min-height:0}.foot-inner{display:block}.footer nav{flex-wrap:wrap;margin-top:14px;gap:12px}}