:root{--ink:#10192a;--ink-soft:#475467;--ink-faint:#8fa2b0;--blue:#2c6e9e;--blue-deep:#1b4d72;--blue-pale:#eaf2f8;--emerald:#0e9a5e;--emerald-deep:#0b7a4a;--emerald-pale:#e4f6ed;--red:#c4423c;--red-pale:#fbeae8;--amber:#b07a1e;--amber-pale:#fbf1df;--paper:#fbfaf8;--white:#fff;--mist:#f1f4f2;--line:#e3e5de;--shadow-sm:0 1px 3px #10192a0f;--shadow-md:0 4px 16px #10192a17;--shadow-lg:0 20px 52px #10192a26}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex}a{color:inherit;text-decoration:none}.auth-nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fbfaf8eb;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;position:sticky;top:0}.auth-nav-logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.logo{justify-content:center;align-items:center;width:70px;height:70px;display:flex}.auth-nav-right{align-items:center;gap:12px;display:flex}.auth-nav-right span{color:var(--ink-soft);font-size:14px}.btn-outline{border:1.5px solid var(--line);color:var(--ink);background:var(--white);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn-outline:hover{border-color:var(--blue);color:var(--blue-deep);background:var(--blue-pale)}.btn-solid{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-solid:hover{background:var(--blue-deep)}.auth-page{flex:1;grid-template-columns:1fr 480px;min-height:calc(100vh - 65px);display:grid}.auth-visual{background:linear-gradient(160deg, var(--blue-deep) 0%, #0a1623 100%);flex-direction:column;justify-content:space-between;padding:56px 52px;display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";background:radial-gradient(circle at 70% 30%,#2c6e9e59 0%,#0000 65%);position:absolute;inset:0}.visual-content{z-index:1;position:relative}.visual-tag{color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:7px;margin-bottom:28px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.visual-tag-dot{background:#4ade80;border-radius:50%;width:6px;height:6px}.auth-visual h2{letter-spacing:-.03em;color:#fff;margin-bottom:18px;font-size:36px;font-weight:800;line-height:1.15}.auth-visual h2 em{color:#7ec8e3;font-style:normal}.auth-visual p{color:#7a9baf;max-width:380px;margin-bottom:36px;font-size:15px;line-height:1.7}.trust-items{flex-direction:column;gap:12px;display:flex}.trust-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;display:flex}.trust-icon{background:#ffffff1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.trust-item h4{color:#fff;margin-bottom:2px;font-size:13.5px;font-weight:600}.trust-item p{color:#7a9baf;margin:0;font-size:12px;line-height:1.4}.visual-stats{z-index:1;border-top:1px solid #ffffff1a;gap:28px;padding-top:28px;display:flex;position:relative}.v-stat .num{color:#fff;font-family:JetBrains Mono;font-size:22px;font-weight:600}.v-stat .lbl{color:#7a9baf;margin-top:2px;font-size:12px}.auth-form-panel{background:var(--white);border-left:1px solid var(--line);flex-direction:column;justify-content:center;padding:52px 48px;display:flex;overflow-y:auto}.form-logo{margin-bottom:32px}.form-logo p{color:var(--ink-soft);margin-top:4px;font-size:13px}.auth-heading{letter-spacing:-.025em;margin-bottom:6px;font-size:26px;font-weight:800}.auth-sub{color:var(--ink-soft);margin-bottom:28px;font-size:14px;line-height:1.55}.field{margin-bottom:16px}.field label{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-input-wrap{position:relative}.field input,.field select{border:1.5px solid var(--line);width:100%;color:var(--ink);background:var(--white);appearance:none;border-radius:11px;outline:none;padding:12px 14px;font-family:Inter;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-pale)}.field input.err{border-color:var(--red)!important}.field-err{color:var(--red);margin-top:5px;font-size:12px;display:none}.field-err.show{display:block}.eye-btn{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;padding:3px;line-height:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:var(--ink-soft)}.field-row-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.field-row-head label{margin-bottom:0}.forgot-link{color:var(--blue-deep);font-size:12.5px;font-weight:600}.forgot-link:hover{text-decoration:underline}.submit-btn{cursor:pointer;background:linear-gradient(135deg, var(--blue), var(--blue-deep));color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:Inter;font-size:15.5px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 18px #1b4d724d}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 7px 26px #1b4d7266}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.65s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.divider{color:var(--ink-faint);align-items:center;gap:12px;margin:20px 0;font-size:12.5px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.error-banner{background:var(--red-pale);color:var(--red);border:1px solid #ebbcba;border-radius:10px;align-items:center;gap:9px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:none}.error-banner.show{display:flex}.auth-switch{text-align:center;color:var(--ink-soft);margin-top:22px;font-size:14px}.auth-switch a{color:var(--blue-deep);font-weight:600}.auth-switch a:hover{text-decoration:underline}.success-state{text-align:center;flex-direction:column;align-items:center;display:none}.success-state.show{display:flex}.success-ring{background:var(--emerald-pale);border:3px solid var(--emerald);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:.35s pop;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.07)}to{opacity:1;transform:scale(1)}}.success-state h3{margin-bottom:8px;font-size:22px;font-weight:800}.success-state p{color:var(--ink-soft);max-width:340px;margin-bottom:24px;font-size:14px;line-height:1.6}@media (max-width:880px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-panel{border-left:none;padding:40px 32px}}@media (max-width:480px){.auth-nav{padding:14px 20px}.auth-nav-right span{display:none}.auth-form-panel{padding:32px 20px}.auth-heading{font-size:22px}}