html,body{margin:0;min-height:100%;background:#0b0e14;color:#e8ecf4;font-family:system-ui,sans-serif}
.modes{display:flex;flex-direction:column;gap:16px;max-width:480px;margin:0 auto;padding:48px 16px}
h1{text-align:center;letter-spacing:.2em;margin:0 0 16px}
.mode{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #3a4560;border-radius:8px;background:#141a26;color:inherit;text-decoration:none}
.mode:hover,.mode:focus-visible{border-color:#8fb4ff;background:#1b2436}
.mode span{font-size:.85rem;color:#9aa6bd}