:root{color-scheme:dark;font:16px/1.5 system-ui;color:#f6f3fa;background:#1b1b1f}
body{margin:0;min-height:100svh;display:grid;place-items:center;padding:20px;box-sizing:border-box}
main{width:min(100%,26rem);box-sizing:border-box;padding:clamp(20px,5vw,36px);background:#27252f;border:1px solid #494454;border-radius:18px}
img{width:112px;height:auto}.label{color:#c8bdf4;font-weight:650;font-size:.75rem;letter-spacing:.1em;margin-top:1.6rem}
h1{font-size:1.65rem;margin:.3rem 0 .5rem}p{color:#d0cadb}
form,label{display:grid;gap:.5rem}form{gap:1rem;margin-top:1.5rem}
input,button{box-sizing:border-box;font:inherit;border-radius:8px;padding:.7rem .8rem}
input{width:100%;background:#1d1b24;color:#fff;border:1px solid #776c88}
button{background:#bcb0ec;color:#1c1825;border:1px solid transparent;font-weight:700;cursor:pointer}
:focus-visible{outline:2px solid #dfd1ff;outline-offset:3px}.error{color:#ffb5ad}