:root{font-family:system-ui,sans-serif;color:#dae5f5;background:#0c1524}body{margin:0;min-height:100vh;display:grid;place-items:center}main{width:min(340px,80vw);padding:36px;border:1px solid #334257;border-radius:16px;background:#142035}main>p{font-size:12px;letter-spacing:2px;color:#9fb1c9}h1{font-size:24px}label{display:block;margin:26px 0 8px}input,button{box-sizing:border-box;width:100%;padding:13px;border-radius:8px;font:inherit}input{background:#0c1524;color:white;border:1px solid #52647d}button{margin-top:16px;background:#65b9ff;color:#08182a;border:0;cursor:pointer;font-weight:700}button:disabled{opacity:.5}#error{color:#ffb6b6;font-size:14px}