*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#101216;color:#f3f4f6;font:16px system-ui,sans-serif;padding:24px}main{width:min(100%,400px);padding:32px;background:#1b1e24;border:1px solid #353a44;border-radius:20px}h1{font-size:28px;margin:0 0 10px}p{color:#b8bec8;line-height:1.5}label{display:block;margin:24px 0 8px}input,button{width:100%;font:inherit;border-radius:10px;padding:14px}input{background:#101216;border:1px solid #5b6371;color:white}input:focus{outline:2px solid #f99536}button{margin-top:18px;background:#f99536;color:#19120b;border:0;font-weight:700;cursor:pointer}.error{color:#ffb0a8}.note{font-size:14px;margin-bottom:0}