:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152540;background:#08152b;font-synthesis:none;font-weight:400;--blue:#255cdc;--ink:#152540;--muted:#66748b;--line:#dee4ee}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 13% 18%,#18385b7a,transparent 48%),radial-gradient(ellipse at 89% 90%,#1b326049,transparent 47%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#08152b;background-size:auto,auto,56px 56px,56px 56px,auto}button,input{font:inherit}button{cursor:pointer}button,input,a{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled{cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #729bf4;outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.login-shell{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 28px 24px}.access-card{width:min(1080px,100%);display:grid;grid-template-columns:1fr 1fr;min-height:704px;border:1px solid #ffffff1c;border-radius:26px;overflow:hidden;box-shadow:0 32px 90px #00000038,0 4px 18px #0000001a;background:#fff}.brand-panel{position:relative;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;padding:38px 46px 36px;color:#fff;background:radial-gradient(ellipse at 95% 4%,#37517455,transparent 58%),linear-gradient(155deg,#173556 0%,#102743 51%,#0d223c 100%)}.brand-logo{height:84px;display:flex;align-items:center;position:relative;z-index:1}.brand-logo img{display:block;max-width:264px;width:100%;height:96px;object-fit:contain;object-position:left center;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}.brand-copy{position:relative;z-index:1;margin:auto 0;padding:38px 0 44px}.brand-eyebrow{display:flex;gap:9px;align-items:center;margin:0 0 25px;color:#9cbbd8;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.brand-eyebrow span{width:6px;height:6px;border-radius:50%;background:#87afd5;box-shadow:0 0 0 5px #87afd510}.brand-copy h2{margin:0;color:#fff;font-size:42px;line-height:1.18;font-weight:650;letter-spacing:-1.55px}.brand-copy h2 span{color:#bbd2ec}.brand-description{max-width:355px;margin:24px 0 30px;color:#c0cddd;font-size:14px;line-height:1.8}.benefits{display:grid;gap:17px;list-style:none;padding:0;margin:0}.benefits li{display:flex;align-items:center;gap:13px;color:#e3ecf7;font-size:12px;line-height:1.5;font-weight:450}.benefit-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #86a9cc38;background:#ffffff05;border-radius:10px;color:#b4cee9}.benefit-icon svg{width:17px;height:17px;stroke-width:1.6}.brand-signature{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:#92abc3;font-size:10px;letter-spacing:.1px}.signature-line{width:24px;height:1px;background:#829fbb7a}.brand-orbit{position:absolute;z-index:0;width:420px;height:420px;border:1px solid #90b3d414;border-radius:50%;pointer-events:none}.orbit-one{right:-282px;bottom:-111px}.orbit-two{right:-231px;bottom:-162px;width:410px;height:410px}.form-panel{display:flex;flex-direction:column;justify-content:center;padding:64px 52px 34px;background:#fff}.form-content{width:100%;max-width:388px;margin:auto}.form-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 24px;color:#75839a;font-size:10px;font-weight:750;letter-spacing:1.85px}.status-dot{width:6px;height:6px;border-radius:50%;background:#386de4}h1{margin:0;color:var(--ink);font-size:32px;line-height:1.22;letter-spacing:-.85px;font-weight:700}.form-intro{margin:15px 0 32px;color:var(--muted);font-size:13px;line-height:1.75;max-width:345px}.field{margin:0 0 21px}.field label{display:block;margin:0 0 9px;color:#2b3a52;font-size:12px;font-weight:650}.field input:not([type=checkbox]){display:block;width:100%;height:51px;border:1px solid var(--line);border-radius:9px;padding:0 14px;background:#fff;color:var(--ink);font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.field input::placeholder{color:#9aa5b7;opacity:1}.field input:focus{border-color:#4c7ddd;box-shadow:0 0 0 3px #2c62d50a;outline:none}.field input:disabled{background:#f7f9fc;color:#748095}.input-wrap{position:relative}.input-wrap input{padding-left:45px!important}.input-wrap input[type=password],.input-wrap:has(.password-toggle) input{padding-right:49px!important}.input-icon{position:absolute;left:15px;top:16px;width:19px;height:19px;color:#9aa7ba;pointer-events:none;stroke-width:1.6}.plain-input input{padding-left:14px!important}.password-toggle{position:absolute;right:5px;top:5px;width:41px;height:41px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#8d9bb0}.password-toggle:hover{background:#f2f5fa;color:#335b91}.password-toggle svg{width:19px;height:19px;stroke-width:1.7}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.form-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px 0 29px}.remember{display:flex;align-items:center;gap:8px;color:#66748a;font-size:11px;cursor:pointer;line-height:1.4}.remember input{width:15px;height:15px;margin:0;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.text-button{border:0;padding:0;background:none;color:#3564b6;font-size:11px;font-weight:600;line-height:1.5}.text-button:hover{color:#194ea8;text-decoration:underline;text-underline-offset:3px}.submit-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:51px;border:1px solid #2559d1;border-radius:9px;padding:12px 16px;background:linear-gradient(100deg,#2e64df,#255ada);color:#fff;box-shadow:0 5px 12px #255ada15;font-size:13px;font-weight:650;transition:background .15s,box-shadow .15s,transform .15s}.submit-button>svg{width:18px;height:18px;margin-left:auto}.submit-button>[data-button-label]{margin-left:auto}.submit-button:hover:not(:disabled){background:#1d50c6;box-shadow:0 7px 17px #255ada29;transform:translateY(-1px)}.submit-button:disabled{opacity:.75;transform:none}.submit-button .button-spinner{display:none;width:16px;height:16px;border-width:2px}.submit-button[aria-busy=true] .button-spinner{display:block}.submit-button[aria-busy=true]>svg{visibility:hidden}.submit-button[aria-busy=true]>[data-button-label]{margin-left:0;margin-right:auto}.form-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:44px;padding-top:23px;border-top:1px solid #edf0f5;color:#98a3b4;font-size:10px;line-height:1.6}.form-footer svg{width:13px;height:13px;stroke-width:1.6}.page-footer{margin:22px 0 0;color:#7b8aa2;font-size:10px;text-align:center;line-height:1.7;letter-spacing:.05px}.page-footer span{display:inline-block;margin:0 7px;color:#4f637f}.loading-state{display:flex;align-items:center;gap:11px;min-height:222px;color:var(--muted);font-size:13px}.spinner{display:inline-block;width:19px;height:19px;border:2px solid #dce5f5;border-top-color:#376bdd;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.button-spinner{border-color:#ffffff40;border-top-color:#fff}.feedback{padding:13px 14px;margin:0 0 21px;border:1px solid #d5e1f5;border-radius:9px;background:#f3f7ff;color:#345b8c;font-size:12px;line-height:1.6}.feedback p{margin:0}.feedback[data-kind=error]{border-color:#edcfd4;background:#fff6f7;color:#a43b4d}.field-hint{margin:7px 0 0;color:#8390a3;font-size:10px;line-height:1.55}.setup-note{margin:15px 0 0;color:#8a96a8;font-size:10px;line-height:1.6;text-align:center}.recovery-help{position:relative;margin:-10px 0 22px;padding:15px;border:1px solid #dae5f5;border-radius:10px;background:#f5f8fd;color:#5f718d;font-size:12px;line-height:1.65}.recovery-help strong{color:#304766;font-weight:650}.recovery-help p{margin:5px 0 10px}.unavailable-state{font-size:13px;color:#66748b;line-height:1.75}.unavailable-state>p{margin:0 0 22px}.noscript-note{padding:16px;border-radius:9px;background:#fff6e9;color:#875e28;font-size:13px;line-height:1.6}.access-card.is-setup .form-panel{padding-top:36px}.access-card.is-setup .form-eyebrow{margin-bottom:15px}.access-card.is-setup h1{font-size:27px}.access-card.is-setup .form-intro{margin:13px 0 21px}.access-card.is-setup .field{margin-bottom:15px}.access-card.is-setup .field input:not([type=checkbox]){height:47px}.access-card.is-setup .password-toggle{top:3px}.access-card.is-setup .form-footer{margin-top:25px}.access-card.is-setup .brand-copy{padding-top:55px;padding-bottom:65px}@keyframes spin{to{transform:rotate(360deg)}}
.brand-logo{display:block;width:180px;height:153px;flex-shrink:0;overflow:hidden}.brand-logo img{position:absolute;width:132%;max-width:none;height:auto;left:-16%;top:-30%;object-fit:initial}.brand-copy{padding-top:24px;padding-bottom:32px}
@media(min-width:1350px){.access-card{width:1120px;min-height:728px}.brand-panel{padding-left:53px;padding-right:46px}.form-panel{padding-left:61px;padding-right:61px}.brand-copy h2{font-size:44px}.brand-description{font-size:14px}}
@media(max-width:900px){.access-card{grid-template-columns:.94fr 1fr}.brand-panel{padding:34px 30px}.brand-copy h2{font-size:35px;letter-spacing:-1.1px}.brand-description{font-size:13px}.brand-eyebrow{font-size:9px;letter-spacing:1.2px}.benefits li{font-size:11px}.form-panel{padding:45px 32px 28px}.form-options{gap:9px}.remember,.text-button{font-size:10px}.brand-logo img{max-width:235px}}
@media(max-width:700px){.login-shell{padding:24px 18px 20px}.access-card{max-width:470px;grid-template-columns:1fr;min-height:0;border-radius:22px}.brand-panel{padding:23px 29px 26px}.brand-logo{height:51px}.brand-logo img{width:210px;height:77px}.brand-copy{margin:0;padding:23px 0 0}.brand-copy h2{font-size:29px;line-height:1.18}.brand-copy h2 br{display:none}.brand-copy h2 span{display:block;margin-top:3px}.brand-eyebrow,.brand-description,.benefits,.brand-signature{display:none}.brand-orbit{width:280px;height:280px;right:-124px;bottom:-217px}.orbit-two{right:-70px;bottom:-254px}.form-panel{padding:32px 29px 25px}.form-eyebrow{margin-bottom:17px;font-size:9px}h1{font-size:28px}h1 br{display:none}.form-intro{margin:12px 0 25px;font-size:12px}.form-content{max-width:none}.field{margin-bottom:20px}.field input:not([type=checkbox]){font-size:16px;height:51px}.field label{font-size:12px}.form-options{margin-bottom:26px}.remember,.text-button{font-size:11px}.form-footer{margin-top:30px;padding-top:20px}.page-footer{font-size:9px;margin-top:18px}.loading-state{min-height:155px}.access-card.is-setup .brand-copy{padding:20px 0 0}.access-card.is-setup .form-panel{padding-top:29px}.access-card.is-setup h1{font-size:25px}.access-card.is-setup .field input:not([type=checkbox]){height:48px}.access-card.is-setup .password-toggle{top:4px}}
@media(max-width:365px){.login-shell{padding:14px 11px}.brand-panel{padding-left:23px;padding-right:23px}.form-panel{padding-left:23px;padding-right:23px}.form-options{flex-wrap:wrap;gap:13px}.brand-copy h2{font-size:27px}}
@media(max-width:900px){.brand-logo img{max-width:none}}
@media(max-width:700px){.brand-logo{width:134px;height:114px}.brand-logo img{width:132%;height:auto;max-width:none}.brand-copy{padding-top:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}.submit-button:hover:not(:disabled){transform:none}}