:root{color-scheme:dark;font:17px/1.5 system-ui;background:#0e0b19;color:#f5f1ff}body{margin:0;padding:24px}main{max-width:420px;margin:8vh auto;padding:28px;border:1px solid #76628f;border-radius:24px;background:#241c35}h1{letter-spacing:.12em}label{display:block;margin:16px 0}input,button{box-sizing:border-box;width:100%;padding:14px;font:inherit;border-radius:12px;border:1px solid #9277b5}input{background:#161021;color:#fff}button{background:#6a389b;color:#fff;margin:10px 0;cursor:pointer}button:disabled{opacity:.5}input:focus,button:focus{outline:3px solid #be91ed;outline-offset:3px}[hidden]{display:none!important}