.login-screen{--bg-main:#020817;--bg-secondary:#04122b;--blue-primary:#1f6fff;--blue-secondary:#2f8cff;--blue-neon:#00a3ff;--blue-soft:#6aa7ff;--text-main:#f4f7ff;--text-secondary:#a8b6d6;--text-muted:#6f7f9f;--border-soft:rgba(120,160,255,.22);width:100%;overflow:hidden;color:var(--text-main);font-family:var(--font-inter),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:radial-gradient(circle at 25% 42%,rgba(31,111,255,.2),transparent 34%),radial-gradient(circle at 82% 16%,rgba(47,140,255,.13),transparent 32%),radial-gradient(circle at 90% 92%,rgba(0,163,255,.1),transparent 36%),linear-gradient(135deg,#020817,#04122b 46%,#020817)}.login-grid,.login-screen{position:relative;min-height:100vh}.login-grid{z-index:1;display:grid;grid-template-columns:52% 48%}.login-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 60px 0;overflow:hidden}.login-brand:after{content:"";position:absolute;top:12%;right:0;height:76%;width:1px;background:linear-gradient(180deg,transparent,rgba(120,160,255,.22),transparent)}.login-brand-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;margin:16vh 0 auto}.login-hex{position:relative;filter:drop-shadow(0 0 30px rgba(31,111,255,.55));margin-bottom:6px}.login-hex:before{content:"";position:absolute;left:50%;top:46%;width:360px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(31,111,255,.28),transparent 62%);z-index:-1;pointer-events:none}.login-w{font-family:Arial Black,Inter,system-ui,sans-serif;font-weight:900;letter-spacing:-.04em}.login-brand-name{font-size:clamp(40px,4vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-top:4px;color:var(--text-main)}.login-brand-name span{color:var(--blue-secondary)}.login-brand-tagline{margin-top:22px;font-size:13px;font-weight:500;letter-spacing:.28em;line-height:1.85;text-transform:uppercase;color:rgba(244,247,255,.78)}.login-ghost-hex{left:18px;bottom:168px;width:64px;height:70px;z-index:2;filter:drop-shadow(0 0 8px rgba(31,111,255,.2))}.login-ghost-hex,.login-waves{position:absolute;pointer-events:none}.login-waves{left:-4%;bottom:-2%;width:112%;height:74%;z-index:1}.login-stars{position:absolute;inset:0;z-index:0;pointer-events:none}.login-stars span{position:absolute;border-radius:9999px;background:#cfe2ff;box-shadow:0 0 6px rgba(150,195,255,.7)}.login-features{position:absolute;left:0;right:0;bottom:13vh;z-index:3;display:flex;justify-content:center;gap:16px}.login-feature{display:flex;align-items:center;gap:13px;width:178px;height:84px;padding:0 18px;border-radius:14px;background:rgba(7,18,43,.68);border:1px solid rgba(90,145,255,.25);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.login-feature:hover{transform:translateY(-2px);border-color:rgba(47,140,255,.5);box-shadow:0 0 28px rgba(31,111,255,.18)}.login-feature-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:11px;color:var(--blue-secondary);background:rgba(31,111,255,.14);border:1px solid rgba(90,145,255,.28)}.login-feature strong{display:block;font-size:15px;font-weight:700;color:var(--text-main);line-height:1.15}.login-feature small{display:block;font-size:13px;color:var(--text-secondary)}.login-pane{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:40px 56px}.login-card{width:min(100%,520px);padding:52px 56px;border-radius:26px;background:linear-gradient(180deg,rgba(10,23,51,.82),rgba(5,14,32,.88));border:1px solid var(--border-soft);box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 60px rgba(31,111,255,.08),inset 0 1px 0 hsla(0,0%,100%,.06);backdrop-filter:blur(18px)}.login-card-head{display:flex;align-items:center;gap:14px;margin-bottom:30px}.login-card-mark{filter:drop-shadow(0 0 12px rgba(31,111,255,.35))}.login-card-brand{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--text-main);line-height:1.05}.login-card-brand span{color:var(--blue-secondary)}.login-card-brand-sub{font-size:14px;color:var(--text-muted);margin-top:1px}.login-title{font-size:clamp(30px,2.2vw,40px);line-height:1.1;font-weight:800;letter-spacing:-.04em;color:var(--text-main)}.login-subtitle{margin-top:12px;font-size:15.5px;line-height:1.65;font-weight:400;color:rgba(168,182,214,.95)}.login-form{margin-top:30px;display:flex;flex-direction:column;gap:22px}.login-field label{display:block;font-size:14px;font-weight:600;color:rgba(244,247,255,.9);margin-bottom:10px}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:17px;top:50%;transform:translateY(-50%);color:rgba(168,182,214,.7);pointer-events:none}.login-screen .login-input{height:54px;width:100%;border-radius:10px;background:rgba(10,24,52,.72);border:1px solid rgba(130,160,210,.18);color:var(--text-main);font-size:15px;padding:0 16px 0 48px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-input--pwd{padding-right:50px}.login-screen .login-input::-moz-placeholder{color:rgba(168,182,214,.55)}.login-screen .login-input::placeholder{color:rgba(168,182,214,.55)}.login-screen .login-input:focus{border-color:rgba(47,140,255,.65);box-shadow:0 0 0 3px rgba(31,111,255,.15);background:rgba(12,28,60,.82)}.login-screen .login-input:-webkit-autofill,.login-screen .login-input:-webkit-autofill:focus,.login-screen .login-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px rgba(10,24,52,.96);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.login-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:rgba(168,182,214,.7);transition:color .15s ease,background .15s ease}.login-eye:hover{color:var(--text-main);background:rgba(120,160,255,.12)}.login-forgot{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-top:12px;font-size:14px;font-weight:500;color:var(--blue-secondary);transition:color .15s ease}.login-forgot:hover{color:var(--blue-soft)}.login-error{border-radius:10px;border:1px solid rgba(244,63,94,.3);background:rgba(244,63,94,.1);padding:12px 16px;font-size:13.5px;color:#fda4af}.login-submit{margin-top:2px;height:58px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;border:none;background:linear-gradient(135deg,#1f6fff,#2f8cff);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 16px 36px rgba(31,111,255,.28),inset 0 1px 0 hsla(0,0%,100%,.18);transition:transform .2s ease,box-shadow .2s ease}.login-submit svg{position:absolute;right:22px}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 44px rgba(31,111,255,.36),0 0 24px rgba(47,140,255,.18)}.login-submit:disabled{cursor:not-allowed;opacity:.65}.login-divider{display:flex;align-items:center;gap:16px;margin-top:30px;color:rgba(168,182,214,.65);font-size:14px}.login-divider span{height:1px;flex:1;background:rgba(130,160,210,.14)}.login-divider em{font-style:normal}.login-support{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;color:var(--blue-secondary);font-size:15px;font-weight:600;transition:color .15s ease}.login-support:hover{color:var(--blue-soft)}@media (max-width:1180px){.login-grid{grid-template-columns:50% 50%}.login-card{padding:44px 40px;max-width:480px}.login-feature{width:150px;padding:0 14px}.login-brand{padding:40px 36px 0}}@media (max-width:1023px){.login-grid{grid-template-columns:1fr}.login-brand{min-height:46vh;padding:48px 28px 0}.login-brand:after{display:none}.login-features{padding-bottom:36px}.login-pane{padding:36px 24px 48px}}@media (max-width:640px){.login-screen{overflow-y:auto}.login-brand{min-height:0;padding:44px 24px 8px}.login-brand-copy{font-size:19px}.login-features{display:none}.login-waves{opacity:.6;bottom:0}.login-pane{padding:28px 18px 40px}.login-card{padding:34px 24px;border-radius:22px}}