*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at top,#1b416d,#0b1730 55%);color:#ecf6ff;font:15px/1.7 Manrope,Arial,sans-serif}a{color:#93e6ff}header,footer{max-width:1120px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:5px;font-weight:800;text-decoration:none;color:#fff}.brand span{display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#67b9ff,#8cf1f6);color:#123757;width:32px;height:32px;margin-right:8px}.brand b{color:#8ce5ff}main{max-width:1000px;padding:20px 24px 60px;margin:auto}.guide-hero{padding:28px 0 40px}.eyebrow{color:#8cdff7;font-size:11px;font-weight:800;letter-spacing:2px}h1{font-size:clamp(38px,6vw,64px);line-height:1.12;letter-spacing:-2px;margin:18px 0}h1 em{font-style:normal;color:#98eaff}.guide-hero>p{max-width:680px;color:#c0d2e8}.free-note{font-size:12px;color:#bbe6d9;margin:20px 0}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}nav a{padding:10px 15px;border:1px solid #426b93;border-radius:30px;text-decoration:none;background:#142e4e}.guide-section{padding:30px;margin:0 0 24px;border:1px solid #365b81;border-radius:22px;background:linear-gradient(135deg,#173352aa,#10223caa);scroll-margin-top:20px}h2{font-size:30px;line-height:1.25;margin:8px 0 22px}h3{font-size:17px;margin:0 0 8px}p{color:#bfd0e3}.steps{list-style:none;counter-reset:step;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.steps li{counter-increment:step;position:relative;padding-left:44px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;background:#7ee4fb;color:#102d46;border-radius:10px;font-weight:800}.steps p{margin:0}.example{padding:22px;background:#081d34;border-left:3px solid #7ee4fb;border-radius:12px;margin:25px 0}.snake{line-height:2.2}.snake strong{color:#adeefc;white-space:nowrap}.boost-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.boost-guide article{border-top:2px solid #ffc65d;padding-top:16px}.boost-guide article:nth-child(2){border-color:#78e2ff}.boost-guide article:nth-child(3){border-color:#c4a3ff}.boost-guide article:nth-child(4){border-color:#ff986e}.boost-guide article>span{font-size:28px}.boost-guide b{font-size:12px;color:#93ddf6}.note{font-size:12px}details{border-top:1px solid #365575;padding:16px 0}summary{cursor:pointer;font-weight:800;padding-right:10px}details p{padding-left:16px}.action{display:inline-block;margin-top:18px;background:#8be7ff;color:#09213c;border-radius:10px;padding:12px 18px;font-weight:800;text-decoration:none}.secondary{background:#24486d;color:#e5f6ff}.guide-actions{display:flex;gap:14px;flex-wrap:wrap}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.podium span{color:#bfd0e3}.podium strong{display:block;color:#bdf88c;font-size:23px}footer{border-top:1px solid #345170;font-size:12px}a:focus-visible,summary:focus-visible{outline:3px solid #b5f6ff;outline-offset:5px}a:hover{filter:brightness(1.12)}@media(max-width:650px){main{padding:10px 16px 40px}header,footer{padding:18px 16px}.guide-section{padding:22px 18px}.steps{grid-template-columns:1fr;gap:24px}.boost-guide{grid-template-columns:1fr 1fr}.podium{gap:8px}.podium strong{font-size:18px}h2{font-size:26px}.example{padding:16px}.snake{font-size:13px}nav a{font-size:12px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.legal-note{display:block;margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;color:#7589ae;max-width:620px}
footer>.legal-note{flex-basis:100%;max-width:none}footer:has(>.legal-note){flex-wrap:wrap}
header .back{color:#d5e3f5;text-decoration:none;font-size:12px;font-weight:700;padding:9px 14px;border:1px solid #ffffff2b;border-radius:8px;white-space:nowrap}header .back:hover{color:#8cf1f6;border-color:#8cf1f6}