body:has(.x3login){background:#000}.x3login{--cyan:#00b2fd;--line:#1b222c;--line2:#2a3442;--mut:#cbd5e1;color:#e7edf4;min-height:100vh;font-family:var(--x3-font-body), "Inter", ui-sans-serif, system-ui, sans-serif;background:radial-gradient(1200px 600px at 70% -10%,#00b2fd1a,#0000),#000;justify-content:center;align-items:center;padding:24px;display:flex}.x3login *,.x3login :before,.x3login :after{box-sizing:border-box}.x3login .card{border:1px solid var(--line);border-top:3px solid var(--cyan);background:#05070a;border-radius:16px;width:100%;max-width:520px;padding:30px;box-shadow:0 30px 80px -30px #000000b3}.x3login .brand{justify-content:center;align-items:center;margin-bottom:6px;display:flex}.x3login .brand img{display:block}.x3login h1{color:#fff;letter-spacing:0;margin:14px 0 2px;font-size:21px;font-weight:800;line-height:1.25}.x3login .sub2{color:var(--mut);margin:0 0 18px;font-size:13.5px;line-height:1.5}.x3login .tabs{border:1px solid var(--line);border-radius:10px;margin-bottom:18px;display:flex;overflow:hidden}.x3login .tabs button{color:var(--mut);cursor:pointer;background:#0a0d12;border:0;flex:1;min-height:44px;padding:11px;font-family:inherit;font-size:14px;font-weight:700}.x3login .tabs button.on{background:var(--cyan);color:#04121d}.x3login label{letter-spacing:.6px;text-transform:uppercase;color:#b4c4d6;margin:0 0 5px;font-size:11.5px;font-weight:700;display:block}.x3login input,.x3login select{border:1.5px solid var(--line2);color:#fff;width:100%;font:inherit;background:#000;border-radius:9px;outline:none;min-height:44px;padding:11px 13px;font-size:15px}.x3login input:focus,.x3login select:focus{border-color:var(--cyan)}.x3login :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.x3login .field{margin-bottom:13px}.x3login .grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.x3login .pw{position:relative}.x3login .pw input{padding-right:66px}.x3login .pw button{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:700;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.x3login .check{letter-spacing:0;text-transform:none;color:var(--mut);align-items:flex-start;gap:9px;margin:4px 0 16px;font-size:13px;font-weight:400;line-height:1.45;display:flex}.x3login .check input{width:18px;height:18px;min-height:0;accent-color:var(--cyan);flex:none;margin-top:1px;padding:0}.x3login .btn{background:var(--cyan);color:#04121d;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:10px;width:100%;min-height:48px;padding:13px;font-family:inherit;font-size:14px;font-weight:800}.x3login .btn:disabled{opacity:.6}.x3login .err{color:#ffb48a;margin-top:10px;font-size:14px}.x3login .msg{color:#7fd8ff;text-align:center;margin-top:10px;font-size:14px}.x3login a,.x3login .foot button,.x3login .forgot button,.x3login .signed button{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.x3login a:hover,.x3login .foot button:hover,.x3login .forgot button:hover{text-decoration:underline}.x3login .foot{text-align:center;color:var(--mut);margin-top:16px;font-size:13.5px}.x3login .forgot{text-align:right;margin:8px 0 14px;font-size:13px}.x3login .sec{color:#9fb0c3;text-align:center;margin-top:14px;font-size:12px}.x3login .signed{border:1px solid var(--line2);color:#c6d6e8;background:#0a0d12;border-radius:10px;margin:0 0 14px;padding:11px 14px;font-size:13.5px;line-height:1.55}.x3login .signed b{color:#fff}.x3login .signed a{font-weight:700}@media (max-width:480px){.x3login{align-items:flex-start;padding:14px}.x3login .card{padding:22px 18px}.x3login .grid2{grid-template-columns:1fr;gap:0}}