*{box-sizing:border-box}body{margin:0;background:#071d2d;color:white;font-family:Arial,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(430px,100%);padding:30px;border:1px solid #ffffff25;border-radius:16px;background:#0d2b40}h1{font-size:30px;line-height:1.3}h1 span{color:#ffd13b}p{color:#cad8e2;line-height:1.6}label{display:block;margin:20px 0;font-size:14px}input{display:block;width:100%;padding:14px;font-size:16px;border-radius:8px;border:1px solid #c5d2dc;margin-top:8px}button{width:100%;padding:15px;background:#ffd13b;color:#071d2d;font-size:16px;font-weight:bold;border:0;border-radius:8px;cursor:pointer}[role=alert]{background:#7b2a27;color:white;padding:14px;border-radius:8px}