html{color-scheme:dark;font:16px system-ui;background:#090d18;color:#e7e9f4}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 20%,#25213c,transparent 60%)}main{box-sizing:border-box;width:min(90vw,430px);padding:36px;border:1px solid #38364c;border-radius:24px;background:#151829}h1{font:38px Georgia;margin:18px 0}p{color:#a9adc4;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px;color:#bba9e0}label{display:block;margin-top:20px}input,button{box-sizing:border-box;width:100%;font:inherit;padding:14px;border-radius:10px;margin-top:8px}input{background:#0d1120;color:#fff;border:1px solid #43455c}button{margin-top:28px;background:#c5b3f3;color:#171225;border:0;cursor:pointer}input:focus-visible,button:focus-visible{outline:3px solid #b3d5ff;outline-offset:3px}