:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0c1222;color:#edf2ff;line-height:1.75}*{box-sizing:border-box}body{margin:0}main,nav,footer{max-width:1000px;margin:auto;padding:24px}nav{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid #334155}a{color:#bdcaff}a:focus-visible{outline:3px solid #facc15;outline-offset:5px}h1{font-size:clamp(32px,6vw,54px);line-height:1.15;max-width:850px}h2{line-height:1.3;margin-top:40px}p,li{color:#c5cfe2}small{color:#b8c4e0}.button{display:inline-block;background:#c7d2fe;color:#151c35;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,aside{padding:24px;background:#172139;border:1px solid #334155;border-radius:16px}.card h2{margin-top:0;font-size:23px}article{max-width:760px}figure{margin:24px 0}img{display:block;width:100%;max-width:360px;height:auto;border-radius:16px}figcaption{font-size:14px;color:#b8c4e0}footer{border-top:1px solid #334155;margin-top:40px;font-size:15px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#172139;padding:10px}