.auth{--bg:#EDF1F8;--surface:#fff;--ink:#18191A;--ink-2:#3B4250;--muted:#7A828F;--faint:#A7AEBC;--primary:#0279F3;--primary-600:#0A6BE0;--primary-700:#0A55BC;--primary-soft:#DCE9FD;--pill:#E4E9F4;--line:rgba(24,25,26,.09);--line-2:rgba(24,25,26,.06);--field:#F7F9FD;--field-line:#D6DEEC;--green:#16A45A;--nav:#0E1626;--nav-2:#0A101C;--nav-line:rgba(255,255,255,.08);--nav-muted:#7C879C;--r:14px;--r-lg:20px;--shadow:0 1px 2px rgba(20,40,80,.04), 0 24px 60px rgba(22,42,82,.1);font-family:Onest,system-ui,sans-serif;display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.45}.auth a{color:inherit;text-decoration:none}.auth *{box-sizing:border-box}.auth .brand{position:relative;background:linear-gradient(165deg,#16213B 0%,var(--nav) 48%,var(--nav-2) 100%);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px}.auth .brand-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.auth .brand-deco .ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.auth .brand-deco .r1{width:520px;height:520px;right:-160px;top:-150px}.auth .brand-deco .r2{width:760px;height:760px;right:-260px;top:-260px}.auth .brand-deco .glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(2,121,243,.3),transparent 68%);right:-120px;bottom:-140px;filter:blur(8px)}.auth .brand-deco .mark-wm{position:absolute;right:-40px;bottom:34px;width:360px;opacity:.07}.auth .brand-deco .mark-wm img{width:100%;display:block}.auth .brand-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-top:36px}.auth .brand-logo{height:42px;width:auto;display:block}.auth .brand-mid{position:relative;z-index:2;max-width:440px}.auth .brand-mid h1{font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-.025em;margin-bottom:18px}.auth .brand-mid p{font-size:16px;line-height:1.6;color:#c4cede;font-weight:400}.auth .feat{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px;margin-top:34px}.auth .feat .row{display:flex;align-items:center;gap:13px;font-size:14.5px;color:#d6deec;font-weight:500}.auth .feat .ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#ffffff0f;border:1px solid var(--nav-line);display:grid;place-items:center;color:#7fb6fb}.auth .feat .ic svg{width:17px;height:17px}.auth .brand-foot{position:relative;z-index:2;display:flex;align-items:center;gap:18px;font-size:13px;color:var(--nav-muted)}.auth .form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.auth .card{width:100%;max-width:404px}.auth .card-mark{display:none}.auth .card h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:7px}.auth .card .lede{font-size:14.5px;color:var(--muted);margin-bottom:30px}.auth .field{margin-bottom:18px}.auth .field label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:8px}.auth .inp{position:relative}.auth .inp input{width:100%;height:50px;border:1px solid var(--field-line);border-radius:var(--r);background:var(--field);padding:0 16px;font-size:15px;color:var(--ink);transition:.16s}.auth .inp input::placeholder{color:var(--faint)}.auth .inp input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.auth .inp.has-icon input{padding-left:46px}.auth .inp .lead{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.auth .inp .lead svg{width:18px;height:18px;display:block}.auth .inp .peek{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;background:none;border-radius:9px;color:var(--muted);display:grid;place-items:center}.auth .inp .peek:hover{background:var(--field);color:var(--ink-2)}.auth .inp .peek svg{width:18px;height:18px}.auth .row-between{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px}.auth .check{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.auth .check input{position:absolute;opacity:0;width:0;height:0}.auth .check .box{width:19px;height:19px;border-radius:6px;border:1.5px solid var(--field-line);background:#fff;display:grid;place-items:center;transition:.15s}.auth .check .box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:.15s}.auth .check input:checked+.box{background:var(--primary);border-color:var(--primary)}.auth .check input:checked+.box svg{opacity:1;transform:scale(1)}.auth .link{font-size:13.5px;font-weight:600;color:var(--primary)}.auth .link:hover{color:var(--primary-700)}.auth .btn-login{width:100%;height:52px;border:none;border-radius:var(--r);background:var(--primary);color:#fff;font-size:15.5px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:9px;transition:.16s;box-shadow:0 8px 20px #0279f347}.auth .btn-login svg{width:18px;height:18px}.auth .btn-login:hover{background:var(--primary-600);box-shadow:0 10px 26px #0279f35c}.auth .btn-login:active{transform:translateY(1px)}.auth .err{background:#fce4e4;color:#c0382f;font-size:13.5px;font-weight:600;border-radius:11px;padding:11px 14px;margin-bottom:18px}.auth .ok{background:#def4e8;color:#107a43;font-size:14px;font-weight:600;border-radius:12px;padding:14px 16px;line-height:1.5}.auth .back{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--muted);margin-top:22px;transition:.15s}.auth .back svg{width:15px;height:15px}.auth .back:hover{color:var(--primary)}.auth .dev{margin-top:26px;text-align:center;font-size:12.5px;color:var(--muted)}.auth .dev code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--pill);border-radius:6px;padding:2px 8px;color:var(--ink-2);font-size:12px}@media(max-width:880px){.auth{grid-template-columns:1fr}.auth .brand{display:none}.auth .form-wrap{padding:28px 20px;min-height:100vh}.auth .card-mark{display:flex;align-items:center;justify-content:center;margin-bottom:22px}.auth .card-mark img{height:34px}}