body{background:#0b1522;color:#e4edf8;font:16px system-ui;margin:0;display:grid;min-height:100vh;place-items:center}main{width:min(360px,85vw);padding:32px;border:1px solid #263448;border-radius:18px;background:#111e30}small{color:#5bdad0;letter-spacing:2px}h1{font-size:30px}p,footer{color:#9eafc3;line-height:1.6}label{display:block;margin:25px 0 8px}input{box-sizing:border-box;width:100%;padding:14px;background:#0b1522;border:1px solid #476077;color:white;border-radius:8px;font:inherit}button{margin:16px 0;width:100%;padding:14px;background:#5bdad0;color:#072b2d;border:0;border-radius:8px;font:inherit;cursor:pointer}footer{font-size:13px}