html{background:#101a29;color:#e8edf0;font:16px/1.6 Inter,"Segoe UI",Arial,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px;box-sizing:border-box}main{max-width:520px;text-align:center}h1{font-size:clamp(26px,5vw,40px);margin:0 0 12px}p{color:#9fb9c8}nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px}a{color:#e8edf0;text-decoration:none;border:1px solid #8da2b3;border-radius:14px;padding:10px 20px}a:hover,a:focus-visible{background:#1d2b3c}