body{margin:0;background:#0b1322;color:#edf2fa;font:16px system-ui,sans-serif;min-height:100vh;display:grid;place-items:center}main{width:min(390px,calc(100vw - 48px));padding:36px;border:1px solid #27344d;border-radius:18px;background:#142035;box-shadow:0 18px 48px #0003}h1{letter-spacing:.12em}p{color:#bdcadc}label{display:block;margin:20px 0 8px}input{display:block;box-sizing:border-box;width:100%;padding:13px;margin-top:7px;border:1px solid #52627a;border-radius:8px;background:#091423;color:white}button{padding:13px 20px;width:100%;border:0;border-radius:8px;background:#82d8ac;color:#102018;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#message{min-height:1.3em}