:root{color-scheme:dark;font-family:Arial,sans-serif;background:#050817;color:#f7f8ff}
*{box-sizing:border-box}body{margin:0}a{color:#cab9ff;text-underline-offset:3px;overflow-wrap:anywhere}
header,main,footer{width:min(880px,100%);margin:auto;padding:32px 24px}
header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #31334b}
header>a{font-size:24px;font-weight:700;color:white;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px}
main{line-height:1.7}h1{font-size:clamp(32px,7vw,50px);line-height:1.2}h2{font-size:24px;line-height:1.35;margin-top:40px}
p,li{color:#c6cee3}
footer{border-top:1px solid #31334b;margin-bottom:30px}li{margin:12px 0}
@media(max-width:560px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:24px 20px}}