*{box-sizing:border-box}body{margin:0;background:#0b0e14;color:#e7ebf4;font:15px system-ui;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(100%,400px);background:#131923;border:1px solid #283140;border-radius:18px;padding:32px}.brand{font-weight:750;color:#9dbbff;margin-bottom:40px}.brand span{color:#8e9bae;font-weight:450}h1{font-size:25px;margin:0 0 10px}p{color:#8e9bae;font-size:14px;margin-bottom:30px}label{display:block;margin:16px 0 8px}input,button{width:100%;font:inherit;border-radius:9px;padding:13px}input{background:#0b1019;color:white;border:1px solid #3b4d65}button{border:0;background:#a8c3ff;color:#0b172b;font-weight:650;margin-top:20px;cursor:pointer}.error{color:#ff9e9e;font-size:13px;margin-top:18px}