*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#112235;color:#e9e2d4;font:16px system-ui}main{width:min(420px,92vw);padding:38px;border:1px solid #b59a5c;border-radius:16px;background:#192e42}.brand{color:#d3b76e;letter-spacing:2px;font-size:12px;line-height:1.8}h1{margin-top:30px}p{color:#b7c2cc}label{display:block;margin:18px 0}input{width:100%;margin-top:8px;padding:13px;font:inherit;border-radius:8px;border:1px solid #aab5bf}button{width:100%;padding:14px;border:0;border-radius:8px;font:inherit;font-weight:600;background:#d3b76e;color:#132537;cursor:pointer}#error{color:#ffbbab;font-size:14px}