*{box-sizing:border-box}body{background:#081226;color:#e0edff;font:16px/1.5 system-ui;display:grid;place-items:center;min-height:95vh}main{width:min(420px,94vw);padding:32px;border:1px solid #294164;border-radius:24px;background:#112039}h1{font-size:42px;margin:0}p,small{color:#b4c8e0}label{display:block;margin:18px 0}input,button{width:100%;padding:12px;border-radius:8px;border:1px solid #405679;font:inherit}input{display:block;background:#0a172c;color:white;margin-top:6px}button{background:#336de6;color:white;cursor:pointer}small{display:block;margin-top:20px}[role=alert]{color:#ffbcac}