.loginPage{isolation:isolate;background:#0a1224;min-height:100dvh;position:relative;overflow:hidden}.heroBg{object-fit:cover;z-index:0;filter:saturate(105%)contrast(102%);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.03)}.heroOverlay{z-index:1;pointer-events:none;background:radial-gradient(70% 60% at 22% 32%,#3182f638,#0000 65%),radial-gradient(60% 50% at 90% 80%,#3182f61a,#0000 70%),linear-gradient(102deg,#0a12248c 0%,#0a12246b 38%,#f4f7fcd9 62%,#f4f7fcf0 100%);position:absolute;inset:0}.heroOverlay:after{content:"";opacity:.7;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 25% 35%,#000 28%,#0000 70%);mask-image:radial-gradient(at 25% 35%,#000 28%,#0000 70%)}.loginGrid{z-index:2;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.heroPane{color:#fff;flex-direction:column;justify-content:space-between;padding:56px 64px;animation:1.1s cubic-bezier(.16,1,.3,1) both heroFadeIn;display:flex;position:relative}.heroBrand{align-items:center;gap:10px;display:inline-flex}.heroBrandLogo{filter:brightness(0)invert();opacity:.95;width:auto;height:28px}.heroCopy{max-width:520px;margin:0 0 8px}.heroEyebrow{letter-spacing:-.005em;color:#ffffffeb;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:6px 14px 6px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.heroEyebrow .dot{background:#69b0ff;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulseDot;box-shadow:0 0 12px #69b0ffb3}.heroTitle{letter-spacing:-.028em;color:#fff;text-shadow:0 1px 24px #000c2059;margin:0 0 18px;font-size:40px;font-weight:700;line-height:1.16}.heroSub{letter-spacing:-.003em;color:#ffffffd1;max-width:440px;margin:0;font-size:15.5px;line-height:1.7}.heroFooter{color:#ffffff9e;letter-spacing:-.005em;align-items:center;gap:18px;font-size:12.5px;font-weight:500;display:inline-flex}.heroFooter .sep{background:#ffffff4d;border-radius:50%;width:3px;height:3px}.heroFooter .status{color:#ffffffc7;align-items:center;gap:7px;display:inline-flex}.heroFooter .statusDot{background:#4ad991;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #4ad9918c}.authPane{justify-content:center;align-items:center;padding:56px;animation:1.2s cubic-bezier(.16,1,.3,1) .12s both cardFadeIn;display:flex;position:relative}.authCard{-webkit-backdrop-filter:blur(22px)saturate(180%);background:#ffffffb8;border:1px solid #ffffffc7;border-radius:22px;width:100%;max-width:420px;padding:44px 40px;position:relative;box-shadow:inset 0 1px #ffffffa6,0 1px 2px #0f22410a,0 12px 28px -10px #143c8c1a,0 36px 64px -24px #143c8c2e}.authHeader{margin:0 0 28px}.authHeader h2{letter-spacing:-.025em;color:var(--grey-900);margin:0 0 8px;font-size:26px;font-weight:700;line-height:34px}.authHeader .sub{color:var(--grey-600);margin:0;font-size:14px;line-height:21px}.topbarMobile{color:var(--grey-900);align-items:center;gap:8px;margin:0 0 24px;font-size:15px;font-weight:600;display:none}.loginBrandMark{background:var(--blue-500);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.loginBrandLogo{width:auto;height:24px}form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.label{color:var(--grey-700);padding-left:2px;font-size:13px;font-weight:600}.inputWrap{background:#f2f4f6d9;border:1px solid #e5e8eb99;border-radius:12px;align-items:center;transition:background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.inputWrap:hover{background:#edf0f3f2}.inputWrap:focus-within{border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #3182f624}.inputWrap.error{border-color:var(--red-500);background:#fff;box-shadow:0 0 0 4px #f044521a}.inputWrap input{appearance:none;color:var(--grey-900);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px;font-family:inherit;font-size:15px;font-weight:500;line-height:22px}.inputWrap input::placeholder{color:var(--grey-400);font-weight:400}.togglePw{cursor:pointer;color:var(--grey-500);background:0 0;border:0;border-radius:12px;align-items:center;height:100%;padding:0 14px;display:flex}.togglePw:hover{color:var(--grey-700)}.togglePw svg{width:20px;height:20px}.helper{color:var(--red-500);opacity:0;height:16px;padding-left:2px;font-size:12px;line-height:16px;transition:opacity .15s,transform .15s;transform:translateY(-2px)}.helper.shown{opacity:1;transform:translateY(0)}.cta{background:var(--blue-500);color:#fff;letter-spacing:-.01em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;margin-top:8px;font-family:inherit;font-size:15.5px;font-weight:600;transition:background-color .15s cubic-bezier(.4,0,.2,1),transform 80ms ease-out,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 6px 16px -4px #3182f673,0 2px 4px #3182f62e}.cta:hover{background:var(--blue-600);box-shadow:inset 0 1px #ffffff2e,0 10px 22px -4px #3182f68c,0 2px 4px #3182f638}.cta:active{transform:scale(.99)}.cta:disabled{background:var(--grey-200);color:var(--grey-400);cursor:not-allowed;box-shadow:none}.dots{gap:4px;display:inline-flex}.dots span{background:#fff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite bounce}.dots span:nth-child(2){animation-delay:.15s}.dots span:nth-child(3){animation-delay:.3s}.divider{color:var(--grey-400);align-items:center;margin:22px 0 16px;font-size:12px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:#e5e8ebb3;flex:1;height:1px}.divider span{padding:0 12px}.sso{width:100%;height:50px;color:var(--grey-800);cursor:pointer;background:#ffffffd9;border:1px solid #e5e8ebd9;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:14.5px;font-weight:600;transition:background-color .15s,border-color .15s,transform 80ms;display:inline-flex}.sso:hover{border-color:var(--grey-300);background:#fff}.sso:active{transform:scale(.995)}.sso svg{width:18px;height:18px}.foot{text-align:center;color:var(--grey-500);margin-top:22px;font-size:13px}.foot a{color:var(--blue-500);cursor:pointer;margin-left:4px;font-weight:600;text-decoration:none}.foot a:hover{color:var(--blue-600)}.legal{text-align:center;color:var(--grey-400);margin-top:28px;font-size:12px;line-height:18px}.legal .sep{color:var(--grey-300);margin:0 8px}.legal a{color:var(--grey-500);text-decoration:none}.legal a:hover{color:var(--grey-700)}.toast{background:var(--grey-900);color:#fff;opacity:0;pointer-events:none;text-align:center;z-index:50;border-radius:12px;max-width:calc(100% - 40px);padding:14px 20px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s cubic-bezier(0,0,.2,1);position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #00000029}.toast.shown{opacity:1;transform:translate(-50%)translateY(0)}@keyframes bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.heroPane,.authPane,.heroEyebrow .dot{animation:none!important}}@media (max-width:1180px){.heroPane{padding:44px}.heroTitle{font-size:34px}.authPane{padding:44px 36px}.authCard{padding:38px 32px}}@media (max-width:880px){.loginGrid{grid-template-columns:1fr}.heroPane{display:none}.authPane{min-height:100dvh;padding:24px 18px 32px}.heroOverlay{background:linear-gradient(#f4f7fcd9 0%,#f4f7fcf5 100%)}.authCard{max-width:420px;padding:32px 24px}.topbarMobile{display:inline-flex}.authHeader h2{font-size:22px;line-height:30px}}