:root{font-family:system-ui,sans-serif;color:#eaf1ff;background:#0c1729;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}a{color:#8bd6ff}h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;margin-top:48px}section{background:#14243b;border:1px solid #314963;padding:24px;border-radius:18px;margin:24px 0}button{font:inherit;cursor:pointer;border:1px solid #8bd6ff;border-radius:10px;padding:12px 18px;background:#8bd6ff;color:#0c1729;min-height:48px}button:disabled{opacity:.55;cursor:default}label{display:block;padding:12px;border:1px solid #50627b;border-radius:10px;margin:10px 0;cursor:pointer}input{margin-right:12px}fieldset{border:0;padding:0;min-width:0}legend{font-weight:700;font-size:1.2rem}.note,small{color:#b8c9df}#feedback{border-left:3px solid #8bd6ff;padding-left:16px;margin:18px 0}:focus-visible{outline:3px solid #fbd38d;outline-offset:4px}li{margin:10px 0}@media(max-width:500px){main{padding:16px}section{padding:18px}}