:root{
 --login-navy:#07152f;
 --login-blue:#2563eb;
 --login-cyan:#38bdf8;
 --login-text:#eaf2ff;
 --login-muted:#aebdd6;
 --login-card:#ffffff;
 --login-ink:#12213d;
 --login-line:#dce5f2;
}
*{box-sizing:border-box}
body.login-page{margin:0!important;display:block!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--login-text);background:var(--login-navy);overflow-x:hidden}
.login-page::before,.login-page::after{content:"";position:fixed;border-radius:999px;filter:blur(1px);pointer-events:none}
.login-page::before{width:560px;height:560px;right:-180px;top:-220px;background:radial-gradient(circle,#2f70ff66 0%,#2f70ff00 70%)}
.login-page::after{width:480px;height:480px;left:-220px;bottom:-220px;background:radial-gradient(circle,#06b6d455 0%,#06b6d400 70%)}
body.login-page main.login-shell{position:relative;z-index:1;width:100%!important;max-width:1440px!important;min-width:0;min-height:100vh;margin:0 auto;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)!important}\nbody.login-page main.login-shell>section{min-width:0;width:auto!important;max-width:none!important}\nbody.login-page main.login-shell>section.login-showcase{overflow:hidden}
.login-showcase{position:relative;padding:56px clamp(36px,7vw,112px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(145deg,#07152fee 0%,#102b60e8 54%,#174aaee0 100%)}
.login-showcase::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 82%);pointer-events:none}
.login-brand,.login-hero,.login-proof{position:relative;z-index:1}
.login-brand{display:flex;align-items:center;gap:14px;font-weight:800;letter-spacing:.01em}
.login-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#fff,#ddebff);color:#17469f;box-shadow:0 14px 35px #02091755;font-size:18px;font-weight:900}
.login-brand-copy{display:grid;gap:2px}.login-brand-copy strong{font-size:17px}.login-brand-copy small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#9eb4d5}
.login-hero{max-width:760px;padding:46px 0 34px}
.login-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #7dd3fc44;border-radius:999px;background:#0ea5e91f;color:#c9f0ff;font-size:12px;font-weight:750}
.login-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #4ade8020}
.login-hero h1{max-width:720px;margin:24px 0 18px;font-size:clamp(34px,4.15vw,56px);line-height:1.02;letter-spacing:-.045em}
.login-hero h1 span{display:block;background:linear-gradient(90deg,#7dd3fc,#bfdbfe 52%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-hero>p{max-width:660px;margin:0;color:#c4d3e9;font-size:clamp(15px,1.25vw,18px);line-height:1.65}
.login-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px;max-width:700px}
.login-feature{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #ffffff1c;border-radius:16px;background:#ffffff0c;backdrop-filter:blur(8px)}
.login-feature-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:#60a5fa20;color:#7dd3fc}
.login-feature svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.login-feature span{display:grid;gap:2px}.login-feature strong{font-size:13px}.login-feature small{color:#9fb1cb;font-size:11px;line-height:1.35}
.login-proof{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #ffffff18;color:#9fb1cb;font-size:12px}
.login-proof a{color:#d8ebff;text-decoration:none;font-weight:700}.login-proof a:hover{text-decoration:underline}
.login-access{position:relative;display:flex;align-items:center;justify-content:center;padding:42px clamp(24px,5vw,72px);background:linear-gradient(180deg,#f7faff 0%,#edf3fb 100%);color:var(--login-ink)}
.login-access::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#bfdbfe80,transparent 35%);pointer-events:none}
.login-panel{position:relative;width:min(460px,100%)}
.login-panel-header{margin-bottom:24px}
.login-panel-header .mobile-brand{display:none}
.login-panel-header h2{margin:0 0 8px;font-size:28px;letter-spacing:-.025em;color:#102044}
.login-panel-header p{margin:0;color:#66758c;line-height:1.55}
.login-card{width:100%;padding:30px;border:1px solid #dbe5f2;border-radius:24px;background:#ffffff;box-shadow:0 28px 70px #213b6b1f}
.login-form{display:grid;grid-template-columns:1fr;gap:17px;max-width:none}
.login-field{display:grid;gap:7px}
.login-field>span{font-size:12px;font-weight:750;color:#34445f}
.login-input-wrap{position:relative}
.login-input-wrap svg{position:absolute;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:#7b8ba4;stroke-width:1.8;pointer-events:none}
.login-form input{width:100%;height:50px;padding:0 46px;border:1px solid var(--login-line);border-radius:13px;background:#f8faff;color:#142440;font:inherit;outline:none;transition:.2s}
.login-form input::placeholder{color:#9ba8b9}
.login-form input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61c}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#708099;cursor:pointer}
.password-toggle:hover{background:#eaf1fb;color:#2458ad}
.password-toggle svg{position:static;width:19px;height:19px;transform:none;stroke:currentColor;pointer-events:none}
.login-submit{height:51px;margin-top:2px;border:0;border-radius:13px;background:linear-gradient(95deg,#174aa9,#2e6df3);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 13px 28px #2563eb36;transition:transform .2s,box-shadow .2s}
.login-submit:hover{transform:translateY(-1px);box-shadow:0 17px 34px #2563eb48}.login-submit:active{transform:translateY(0)}
.login-form .warning{margin:0;padding:11px 13px;border-radius:12px;background:#fff0f1;color:#b42336;font-size:12px;line-height:1.45}
.login-form .warning:empty{display:none}
.login-security{display:flex;align-items:flex-start;gap:10px;margin:20px 2px 0;color:#78869a;font-size:11px;line-height:1.5}
.login-security svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:#23966f;stroke-width:1.8}
.login-products{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.login-products span{padding:7px 10px;border:1px solid #dbe5f2;border-radius:999px;background:#f7faff;color:#52627a;font-size:10px;font-weight:700}
.login-copyright{margin-top:22px;text-align:center;color:#8995a6;font-size:10px}
@media(max-width:920px){
 body.login-page main.login-shell{grid-template-columns:1fr!important}.login-showcase{min-height:auto;padding:30px 24px}.login-hero{padding:36px 0 20px}.login-hero h1{font-size:36px}.login-proof{margin-top:24px}.login-access{padding:36px 20px 48px}
}
@media(max-width:620px){
 .login-showcase{display:none}.login-access{min-height:100vh;padding:24px 16px}.login-panel-header .mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#173a79;font-weight:800}.mobile-brand .login-mark{width:42px;height:42px}.login-panel-header h2{font-size:27px}.login-card{padding:23px 20px;border-radius:20px}.login-products{justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}