*{box-sizing:border-box}body{margin:0;background:#0b0a14;color:#f3efff;font:16px system-ui;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:420px;background:#191526;border:1px solid #473858;border-radius:20px;padding:32px}h1{font-size:26px}p{color:#c6bcd8;line-height:1.5}label{display:block;margin:20px 0}input,button{display:block;width:100%;padding:13px;border-radius:9px;font:inherit}input{margin-top:8px;background:#0b0a14;border:1px solid #64547a;color:white}button{border:0;background:#a475f7;color:#100a1a;cursor:pointer;font-weight:700}
