:root{color-scheme:dark;font:100%/1.55 system-ui;background:#100e16;color:#f6f1ff}main{max-width:40rem;margin:3rem auto;padding:0 1.25rem}h1{font-size:clamp(2.5rem,8vw,4rem);margin:.6rem 0}section{margin-top:1.5rem;padding:1.3rem;border:1px solid #554568;border-radius:1rem;background:#191423}form,label{display:grid;gap:.55rem}form{gap:1rem}label:has(input[type=checkbox]){display:block}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{width:100%;box-sizing:border-box;padding:.65rem;border:1px solid #716085;border-radius:.45rem;background:#100e16}a{color:#e1c6ff}.button{display:inline-block;width:fit-content;border:0;border-radius:.55rem;padding:.65rem 1rem;background:#c9a3ff;color:#171020;font-weight:650;text-decoration:none;cursor:pointer}:focus-visible{outline:2px solid #e1c6ff;outline-offset:4px}button:disabled{opacity:.65}
