:root{color-scheme:dark}body{margin:0;background:#09070c;color:#e8dfef;font:16px system-ui}main{max-width:420px;margin:10vh auto;padding:24px}h1{font-size:28px}p{line-height:1.6;color:#bcafc5}label{display:block;margin:18px 0}input{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px;border:1px solid #655170;border-radius:8px;background:#16101e;color:#fff}button{padding:12px 22px;background:#a36ed6;color:#09070c;border:0;border-radius:8px;font-weight:700}code{color:#e8dfef}