:root{color-scheme:dark;font:17px/1.5 system-ui,sans-serif;background:#101820;color:#f2f5f5}body{margin:0;padding:clamp(1rem,5vw,3rem)}main{max-width:27rem;margin:4vh auto;background:#192630;border:1px solid #3b5059;border-radius:1rem;padding:clamp(1rem,5vw,2rem)}a{color:#a4e2d6}label{display:block;margin:1rem 0}input,button{box-sizing:border-box;width:100%;font:inherit;border-radius:.4rem;padding:.7rem;border:1px solid #647c86}input{display:block;margin-top:.3rem;background:#101820;color:inherit}button{background:#b6eadc;color:#10251f;font-weight:700;cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffdc80;outline-offset:3px}[role=alert]:empty{display:none}