*{box-sizing:border-box}body{margin:0;background:#0c1725;color:#f4f7fb;font:16px system-ui;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;background:#142235;padding:36px;border:1px solid #2b4055;border-radius:22px}.brand{font-weight:900;font-size:25px}.brand span{color:#00acd6}.tag{font-size:11px;letter-spacing:2px;color:#78cfe7;margin-top:25px}h1{font-size:36px;line-height:1.1}p,small{color:#b5c5d6}label{display:block;margin-top:20px;font-size:14px}input{width:100%;margin-top:8px;padding:13px;border-radius:9px;border:1px solid #496078;background:#0c1725;color:white;font:inherit}button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:9px;background:#05abd3;font-weight:750;color:#061722;cursor:pointer}#message{color:#ffbdac;min-height:20px}small{font-size:12px}