#loginModal.auth-modal{padding:24px;background:rgba(11,21,32,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#loginModal .account-card{width:min(900px,100%);padding:0;display:grid;grid-template-columns:minmax(290px,.88fr) minmax(360px,1fr);border:1px solid rgba(255,255,255,.3);border-radius:28px;overflow:hidden;box-shadow:0 32px 100px rgba(2,17,30,.38);max-height:min(760px,calc(100dvh - 48px));background:#fff}
#loginModal .account-story{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 23%,rgba(116,220,212,.19),transparent 34%),linear-gradient(150deg,#102b39,#09242e 58%,#093e4b);color:#fff;padding:34px;min-height:580px;display:flex;flex-direction:column;justify-content:space-between}
#loginModal .account-brand{position:relative;z-index:2;width:max-content;color:#fff;font-size:26px;font-weight:850;line-height:1;letter-spacing:-.07em}#loginModal .account-brand-dot{color:#a8ee77}
#loginModal .account-orbit{position:absolute;width:310px;height:310px;top:110px;left:50%;transform:translateX(-50%);border:1px solid rgba(214,245,231,.17);border-radius:50%;box-shadow:0 0 0 43px rgba(255,255,255,.025),0 0 0 91px rgba(255,255,255,.018)}
#loginModal .account-orbit:before{content:'';position:absolute;inset:44px;border:1px dashed rgba(199,242,234,.34);border-radius:50%;transform:rotate(-25deg)}
#loginModal .account-orbit:after{content:'';position:absolute;inset:115px;background:linear-gradient(135deg,#c7ff66,#72e0d0);border-radius:50%;box-shadow:0 0 0 12px rgba(116,224,208,.12),0 10px 38px rgba(93,236,204,.36)}
#loginModal .account-dot{position:absolute;width:15px;height:15px;border-radius:50%;border:3px solid #fff;background:#ff899d;box-shadow:0 0 0 7px rgba(255,137,157,.14)}#loginModal .account-dot.one{top:23px;left:58px}#loginModal .account-dot.two{right:-4px;top:155px;background:#c7ff66}#loginModal .account-dot.three{bottom:10px;left:49px;background:#84dfdc}
#loginModal .account-story-copy{position:relative;z-index:2}#loginModal .account-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:#c7ff66}#loginModal .account-story h2{font-size:clamp(32px,3.2vw,42px);line-height:1.04;letter-spacing:-.05em;margin:14px 0}#loginModal .account-story p{line-height:1.6;color:#d0e0e2;max-width:320px;margin:0 0 24px}#loginModal .account-story-pills{display:flex;gap:7px;flex-wrap:wrap}#loginModal .account-story-pills span{padding:8px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);font-size:11px;font-weight:750}
#loginModal .account-workspace{position:relative;background:#fff;padding:48px clamp(26px,4vw,54px);overflow:auto}#loginModal .account-close{position:absolute;right:24px;top:20px;width:34px;height:34px;border:0;border-radius:50%;background:#f0f4f5;color:#36505a;font-size:23px;line-height:1}#loginModal .account-close:hover{background:#e3eded}#loginModal .account-mobile-brand{display:none}#loginModal .auth-body{padding:0!important}#loginModal .account-eyebrow{display:block;font-weight:850;font-size:11px;letter-spacing:.14em;color:#27868c;margin:22px 0 10px}#loginModal .auth-body h2{font-size:35px;line-height:1.07;letter-spacing:-.048em;margin:0 0 8px;color:#142d38}#loginModal .account-lead{margin:0;color:#60727b;font-size:14px;line-height:1.5}
#loginModal .account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1f5f5;padding:4px;border-radius:13px;margin:27px 0 22px}#loginModal .account-tabs button{background:transparent;border:0;border-radius:10px;padding:12px;color:#60727b;font-weight:800}#loginModal .account-tabs button.active{color:#123c47;background:#fff;box-shadow:0 3px 12px #112f3814}
#loginModal #accountForm{display:grid;gap:8px}#loginModal #accountForm label{font-size:12px;font-weight:800;color:#284653;margin:6px 0 0}#loginModal #accountForm>input,#loginModal .account-password-wrap>input{width:100%;height:47px;margin:0;border:1px solid #dce5e7;border-radius:11px;background:#fbfcfc;padding:0 14px;outline:none;color:#142d38}#loginModal #accountForm input:focus{border-color:#279ca1;box-shadow:0 0 0 3px #2aa5a51c;background:#fff}#loginModal .account-password-wrap{position:relative}#loginModal .account-password-wrap>input{padding-right:69px}#loginModal .account-password-wrap button{position:absolute;right:8px;top:7px;border:0;background:none;color:#277d83;font-size:12px;font-weight:800;padding:8px}
#loginModal .account-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:49px;margin-top:13px;border:0;border-radius:12px;color:#fff;background:#105768;font-weight:850;box-shadow:0 9px 22px #10576828}#loginModal .account-submit:hover{background:#0c4351;transform:translateY(-1px)}#loginModal .account-submit:disabled{opacity:.65;cursor:wait}#loginModal .account-submit span{font-size:19px}#loginModal .account-footnote{text-align:center;color:#84959c;font-size:11px;line-height:1.45;margin:17px 0 0}#loginModal .auth-error{color:#b42340;background:#fff0f2;border-radius:9px;font-size:12px;line-height:1.4}#loginModal .auth-error.show{padding:10px 12px;margin:0 0 12px}
@media(max-width:700px){#loginModal.auth-modal{padding:12px}#loginModal .account-card{display:block;width:min(450px,100%);max-height:calc(100dvh - 24px);border-radius:22px}#loginModal .account-story{display:none}#loginModal .account-workspace{padding:24px 25px 28px}#loginModal .account-mobile-brand{display:block;margin:4px 0 18px}#loginModal .account-mobile-brand img{width:145px;height:38px;object-fit:contain;object-position:left}#loginModal .account-eyebrow{margin-top:8px}#loginModal .auth-body h2{font-size:30px}#loginModal .account-close{top:21px;right:22px}}
@media(max-height:670px) and (min-width:701px){#loginModal .account-story{min-height:540px}#loginModal .account-workspace{padding-top:27px;padding-bottom:27px}#loginModal .account-eyebrow{margin-top:10px}}
/* An older branding observer may prepend this node. Keep it out of the account grid. */
#loginModal .account-card>.login-brand{display:none!important}
#loginModal .account-card>.account-story{grid-column:1;grid-row:1}
#loginModal .account-card>.account-workspace{grid-column:2;grid-row:1}
@media(max-width:700px){#loginModal .account-card>.account-workspace{grid-column:1;grid-row:1}}