*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% 40%,#13324f,#0b131f 50%,#060a11 100%);font-family:"Segoe UI",Arial,sans-serif;color:#f7fbff;display:grid;place-items:center;padding:20px}.sign{width:min(100%,465px);padding:30px 10px}.wordmark{display:flex;align-items:center;gap:15px;letter-spacing:3px;font-weight:800;font-size:19px;margin-bottom:64px}.wordmark small{display:block;letter-spacing:2px;font-size:10px;color:#74a9cc;margin-top:3px}.mark{height:43px;width:43px;background:#112a40;border:1px solid #315977;border-radius:12px;display:grid;place-items:center;color:#9bdeff;font-size:22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#4ed5f6;font-weight:800}h1{font-size:clamp(31px,5vw,44px);line-height:1.16;letter-spacing:-1.2px;margin:17px 0}p{color:#9ab0c7;line-height:1.7;font-size:13px;margin:0 0 33px}form{padding:24px;background:#121d2b;border:1px solid #2d4358;border-radius:13px;box-shadow:0 20px 90px #0008}label{display:block;margin:0 0 8px;font-size:11px;font-weight:700;color:#b7ccdc}input{display:block;width:100%;border-radius:8px;border:1px solid #3c5268;background:#091522;color:#fff;padding:13px;font-size:14px;margin-bottom:18px;outline:none}input:focus{border-color:#45c9fc}button{background:#44ccfa;color:#062335;border:0;border-radius:9px;padding:14px;font-size:13px;font-weight:800;width:100%;cursor:pointer;margin-top:6px}button:hover{background:#8ee7ff}.foot{display:block;color:#8193a9;margin-top:26px;text-align:center;font-size:11px}