:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edeff4;background:#080917;line-height:1.65}
*{box-sizing:border-box}body{margin:0;border-top:3px solid #4786f7}main{max-width:760px;margin:auto;padding:56px 24px}
a{color:#8bb4ff;text-underline-offset:3px}a:hover{color:#c5daff}a:focus-visible{outline:2px solid #8bb4ff;outline-offset:4px}
nav,footer{display:flex;flex-wrap:wrap;gap:20px}nav{font-size:.95rem}h1{line-height:1.15;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.035em;margin:48px 0 20px}
h2{font-size:1.2rem;margin-top:32px}p,li{color:#ceced2}li{margin:8px 0}.label{color:#8bb4ff;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.lead{font-size:1.2rem}.note{border-left:3px solid #4786f7;padding:12px 20px;background:#101528}footer{border-top:1px solid #233053;margin-top:40px;padding-top:24px;font-size:.9rem}
@media(max-width:480px){main{padding:28px 20px}h1{margin-top:32px}}