*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,#183563,#081326 65%);font-family:system-ui,sans-serif;color:#eaf1ff}main{width:100%;max-width:490px;background:#10213b;border:1px solid #2a4363;border-radius:24px;padding:34px;box-shadow:0 30px 90px #0005}.brand{font-size:23px;font-weight:850;letter-spacing:2px;color:#62dccc}.brand span{font-size:13px;color:#d7e4f6}h1{font-size:30px;line-height:1.2;margin:28px 0 16px}p,aside{line-height:1.6;color:#afc2dd}label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input,select,button{width:100%;padding:15px;border-radius:10px;font:inherit}input,select{background:#07162c;color:#fff;border:1px solid #3a5374}input:focus,select:focus{outline:2px solid #62dccc;outline-offset:2px}button{margin-top:24px;background:#62dccc;color:#062c31;border:0;font-weight:750;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#status{min-height:24px;margin-bottom:0}aside{font-size:13px;border-top:1px solid #29415e;margin-top:24px;padding-top:20px}footer{margin-top:28px;font-size:11px;color:#92a9c6}a{color:#62dccc}@media(max-width:440px){main{padding:24px}h1{font-size:26px}}