
:root{font-family:Segoe UI,system-ui,Arial,sans-serif;background:#081426;color:#ecf4ff;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 22% 15%,#173b5e,transparent 65%),#071322;padding:22px}.card{width:min(480px,100%);padding:36px;background:linear-gradient(135deg,#152a44,#0c1c30);border:1px solid #29496b;border-radius:22px;box-shadow:0 14px 45px #0006}h1{font-size:26px;margin:16px 0 8px}h2{font-size:15px;color:#bcd3f1;font-weight:400;margin:0 0 24px}.brand{letter-spacing:.24em;color:#cfe8ff;font-weight:800;font-size:22px}label{display:block;margin:15px 0 0;color:#b8cde6;font-size:14px}input{display:block;width:100%;margin-top:8px;padding:12px;border-radius:9px;border:1px solid #47739b;background:#071526;color:white;font:inherit}input[readonly]{color:#acc5de;background:#142b45}button{border:0;background:#226fca;color:white;border-radius:10px;padding:13px 18px;font-weight:600;font:inherit;cursor:pointer;margin:24px 0 0;width:100%}button:disabled{opacity:.55;cursor:default}.status{min-height:30px;color:#a9cbff;margin:16px 0 0;line-height:1.5}.small{color:#99b0c9;font-size:12px;margin-top:24px;line-height:1.5}[hidden]{display:none!important}
