@font-face{font-family:Assistant;src:url('/fonts/Assistant-Variable.ttf') format('truetype');font-display:swap}
:root{font-family:Assistant,Arial,sans-serif;color:#eaf0fb;background:#10192b;line-height:1.8;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:0 auto;padding:48px 24px 64px}
header{border-bottom:1px solid #34435c;padding-bottom:24px;margin-bottom:28px}.brand{color:#a5caff;font-weight:700;letter-spacing:.05em}
h1{font-size:clamp(2rem,6vw,3rem);line-height:1.25;margin:12px 0}h2{font-size:1.35rem;margin-top:32px;color:#fff}
p,li{font-size:1.1rem}a{color:#9fcaff;text-underline-offset:4px}a:hover{color:white}a:focus-visible{outline:3px solid #b9d8ff;outline-offset:5px}
.intro{font-size:1.3rem;color:#d3def2}.button{display:inline-block;background:#b9d8ff;color:#10192b;font-weight:700;padding:10px 24px;border-radius:10px;text-decoration:none}.button:hover{background:#d5e7ff;color:#10192b}
nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:24px}footer{margin-top:40px;border-top:1px solid #34435c;padding-top:20px}.meta{color:#b7c4db;font-size:.95rem}
@media(max-width:480px){main{padding:28px 20px 40px}nav{gap:16px}p,li{font-size:1rem}}