body{margin:0;background:#0c1422;color:#e5edf9;font:16px system-ui,sans-serif}main{max-width:880px;margin:8vh auto;padding:24px}.brand{color:#62c9ff;font-weight:700;letter-spacing:.18em}h1{font-size:36px;margin-bottom:12px}p{color:#aebcd0;line-height:1.6}nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:32px}a{padding:24px;border:1px solid #2c405e;border-radius:12px;background:#142238;color:inherit;text-decoration:none}a:hover,a:focus-visible{border-color:#62c9ff;background:#1b2f4c}strong,span{display:block}span{color:#aebcd0;margin-top:10px;font-size:14px}