:root{--bg:#061f38;--surface:#2682c2;--accent:#78f2c6;--ink:#f7f6f4;--muted:#d3d7df;--line:rgba(255,255,255,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}.brand{font-size:22px;font-weight:900;text-decoration:none;letter-spacing:-.04em}.top nav{display:flex;flex-wrap:wrap;gap:12px}.top nav a,.back{padding:10px 16px;border:1px solid var(--line);text-decoration:none;font-weight:800}.hero{position:relative;min-height:380px;display:grid;align-items:end;overflow:hidden;border:1px solid var(--line);background:linear-gradient(0deg,rgba(5,7,20,.94),rgba(5,7,20,.22)),url('/assets/hero.webp') center/cover;border-radius:26px}.hero-inner{position:relative;padding:clamp(28px,5vw,66px);max-width:900px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.03;letter-spacing:-.06em;margin:18px 0;max-width:890px;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.7)}.hero p{font-size:clamp(17px,2vw,22px);max-width:700px;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;margin:50px auto 80px}.article{font-size:18px}.article h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:52px 0 16px}.article p{margin:0 0 22px}.answer{padding:26px;border-left:5px solid var(--accent);background:var(--surface);border-radius:0 16px 16px 0;font-size:20px}.steps{padding:0;list-style:none;display:grid;gap:12px}.steps li{display:flex;gap:16px;align-items:flex-start;padding:17px 20px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.steps span{color:var(--accent);font-weight:900;font-size:22px}.steps p{margin:0}.example{padding:26px;background:var(--surface);border-radius:18px;border:1px solid var(--line)}.checks{display:grid;gap:10px;padding-left:24px}.checks li::marker{color:var(--accent)}.limitation{padding:20px;border-top:1px solid var(--line);color:var(--muted)}.aside{align-self:start;position:sticky;top:24px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.aside h2{font-size:19px;margin:0 0 12px}.aside a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:14px;text-decoration:none}.aside a:hover,.card:hover h2{color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:34px auto 80px}.card{display:block;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card small{color:var(--accent);font-weight:900}.card h2{font-size:24px;line-height:1.2;margin:10px 0}.card p{color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:14px}.footer .shell{display:flex;justify-content:space-between;gap:20px}.hub-intro{font-size:20px;max-width:760px;margin:42px auto 10px}.hub-intro h1{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.06em;margin:12px 0}.hub-intro p{color:var(--muted)}@media(max-width:800px){.layout{display:block;margin-top:32px}.aside{position:static;margin-top:35px}.cards{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.hero{min-height:330px}.hero h1{font-size:clamp(34px,10vw,58px)}.footer .shell{flex-direction:column}}@media(max-width:480px){.shell{width:min(100% - 28px,1160px)}.top nav a{padding:7px 9px;font-size:13px}.hero{border-radius:15px}.hero-inner{padding:25px}.article{font-size:16px}.answer{font-size:18px}.steps li,.example{padding:16px}}