*{box-sizing:border-box}body{margin:0;background:#101622;color:#edf3ff;font:16px/1.55 system-ui,sans-serif}main{max-width:880px;margin:auto;padding:32px 18px}h1{font-size:clamp(32px,6vw,52px);margin:12px 0 24px}h2{margin:8px 0}a{color:#8ad9ff}nav{display:flex;flex-wrap:wrap;gap:8px}nav a,.play,button{display:inline-block;padding:9px 16px;border-radius:8px;text-decoration:none;background:#23334d;color:white;border:0;font:inherit;cursor:pointer}nav a[aria-current],button.primary{background:#9ae6d3;color:#102e26}article,section{background:#192334;border:1px solid #30425b;margin:16px 0;padding:18px;border-radius:12px}label{display:block;margin:10px 0}input:not([type=checkbox]){width:100%;border:1px solid #48617b;border-radius:6px;background:#0e1827;color:white;padding:10px;font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ffe07a}.row{display:flex;gap:16px;align-items:center;justify-content:space-between}.row div{min-width:0;overflow-wrap:anywhere}small{color:#a6b8d0}