/* IBEX Phone V14 — responsive, accessible account + passwordless login experience */
#page-account.account-page-v14{margin:-37px -42px -88px;min-height:calc(100vh - 73px);}
#page-account .auth-v14-shell{display:grid;grid-template-columns:minmax(320px,.94fr) minmax(410px,1.06fr);min-height:max(725px,calc(100vh - 73px));width:100%;background:#fff;overflow:hidden}
#page-account .auth-v14-hero{position:relative;overflow:hidden;padding:42px clamp(24px,4vw,65px) 32px;background:radial-gradient(ellipse 90% 62% at 97% 94%,rgba(29,105,177,.35),transparent 60%),linear-gradient(142deg,#063b7a 0%,#00295e 35%,#001837 100%);color:#fff;display:flex;flex-direction:column;isolation:isolate}
#page-account .auth-v14-hero::before{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.07);width:510px;height:510px;border-radius:50%;right:-270px;bottom:-270px;box-shadow:0 0 0 115px rgba(144,205,255,.026),0 0 0 240px rgba(144,205,255,.018)}
#page-account .auth-v14-brand{display:flex;align-items:center;gap:22px}
#page-account .auth-v14-brand img{display:block;width:124px;height:auto;object-fit:contain}
#page-account .auth-v14-brand>span{display:block;font-size:11px;font-weight:700;letter-spacing:2.7px;color:#bdcde1;border-left:1px solid rgba(255,255,255,.26);padding-left:22px}
#page-account .auth-v14-hero-body{margin:auto 0;padding:72px 0 90px;max-width:560px}
#page-account .auth-v14-eyebrow{display:flex;align-items:center;gap:9px;letter-spacing:1.8px;font-size:10px;font-weight:790;color:#c6dbf3}
#page-account .auth-v14-eyebrow i{width:7px;height:7px;border-radius:50%;background:#f59345;box-shadow:0 0 0 4px rgba(245,147,69,.16);flex:none}
#page-account .auth-v14-hero h1{font-size:clamp(33px,3.55vw,53px);letter-spacing:-2.3px;font-weight:770;line-height:1.12;margin:28px 0 22px;color:#fff}
#page-account .auth-v14-hero h1 span{color:#ffa65b}
#page-account .auth-v14-hero-body>p{font-size:14px;color:#bbd0e9;line-height:1.85;margin:0;max-width:425px}
#page-account .auth-v14-feature-list{display:grid;gap:24px;margin:47px 0 0}
#page-account .auth-v14-feature{display:flex;gap:15px;align-items:center}
#page-account .auth-v14-feature>span{display:grid;place-items:center;border:1px solid rgba(220,239,255,.19);width:44px;height:44px;border-radius:13px;background:rgba(221,238,255,.07);color:#dcecff;flex:none}
#page-account .auth-v14-feature .icon{width:20px;height:20px}
#page-account .auth-v14-feature b{display:block;font-size:13px;font-weight:700}
#page-account .auth-v14-feature small{display:block;color:#93b4d9;font-size:11px;line-height:1.6;margin-top:3px}
#page-account .auth-v14-hero-foot{display:flex;align-items:center;gap:11px;flex-wrap:wrap;letter-spacing:1.3px;font-size:9px;font-weight:700;color:#91accd}
#page-account .auth-v14-hero-foot>span:not(.auth-v14-led){color:#51779e}
#page-account .auth-v14-led{height:6px;width:6px;background:#f49340;border-radius:50%}
#page-account .auth-v14-workspace{position:relative;display:flex;flex-direction:column;min-width:0;padding:29px clamp(28px,3.6vw,60px) 26px}
#page-account .auth-v14-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}
#page-account .auth-v14-topline>span{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px;color:#8190a3;font-weight:770}
#page-account .auth-v14-topline .icon{width:15px;height:15px}
#page-account .auth-v14-back{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#526985;font-size:11px;font-weight:730;min-height:38px;padding:5px}
#page-account .auth-v14-back:hover{color:#043875}
#page-account .auth-v14-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:55px 0}
#page-account .auth-v14-panel{max-width:420px;width:100%;min-width:0;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;margin:0}
#page-account .auth-v14-mark{display:grid;place-items:center;width:52px;height:52px;background:#f1f5fb;color:#003675;border-radius:16px;border:1px solid #e4ecf6}
#page-account .auth-v14-mark .icon{width:25px;height:25px;stroke-width:1.7}
#page-account .auth-v14-salutation{font-size:10px;letter-spacing:1.9px;color:#e17b22;font-weight:810;margin:27px 0 0}
#page-account .auth-v14-form-header h2{font-size:clamp(28px,2.5vw,36px);line-height:1.17;letter-spacing:-1.4px;margin:12px 0 9px;color:#082857;font-weight:760}
#page-account .auth-v14-form-header>p{font-size:13px;line-height:1.65;color:#72839a;margin:0;max-width:395px}
#page-account #sign-in-form{display:block;margin-top:32px}
#page-account #sign-in-form[hidden]{display:none!important}
#page-account #sign-in-form .field-title{font-size:12px;letter-spacing:0;line-height:1.3;color:#1d3c62;font-weight:750;margin:0 0 10px;display:block}
#page-account .auth-v14-input-wrap{position:relative;display:flex;align-items:center}
#page-account .auth-v14-input-wrap .icon{position:absolute;left:15px;pointer-events:none;color:#879ab3;width:18px;height:18px}
#page-account .auth-v14-input-wrap input{min-width:0;width:100%;height:56px;font-size:14px;letter-spacing:0;border-radius:13px;border:1px solid #d6e0eb;background:#fff;padding:0 16px 0 47px;color:#16375f;box-shadow:0 2px 7px rgba(22,65,109,.015);transition:border-color .18s ease,box-shadow .18s ease}
#page-account .auth-v14-input-wrap input:focus{border-color:#286cb5;box-shadow:0 0 0 4px rgba(39,110,185,.10);outline:none}
#page-account .auth-v14-input-wrap input::placeholder{color:#a1aec0}
#page-account .auth-v14-submit{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:54px;border:0;background:#003775;color:#fff;border-radius:13px;font-size:13px;font-weight:780;margin:16px 0 0;box-shadow:0 12px 23px rgba(0,53,117,.14);transition:background .15s ease,transform .15s ease}
#page-account .auth-v14-submit:hover:not(:disabled){background:#064c9c;transform:translateY(-1px)}
#page-account .auth-v14-submit .icon{width:17px;height:17px}
#page-account .auth-v14-submit:disabled{opacity:.62;transform:none}
#page-account .auth-v14-help-row{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:#8798ac;margin-top:19px}
#page-account .auth-v14-help-row .icon{width:14px;height:14px;color:#6e8daa;flex:none;margin-top:1px}
#page-account .auth-v14-alert{font-size:12px;font-weight:550;line-height:1.65;border-radius:12px;background:#fff3ec;border:1px solid #f6d9c7;color:#a95b2d;padding:13px 14px;margin:15px 0 0;min-height:0}
#page-account .auth-v14-alert[hidden]{display:none!important}
#page-account .auth-v14-email-sent{padding-top:26px}
#page-account .auth-v14-email-sent[hidden]{display:none!important}
#page-account .auth-v14-sent-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#e8f6ef;color:#238362}
#page-account .auth-v14-sent-icon .icon{width:31px;height:31px}
#page-account .auth-v14-email-sent h3{font-size:24px;font-weight:750;letter-spacing:-.65px;color:#092c5c;margin:18px 0 8px}
#page-account .auth-v14-email-sent>p{font-size:13px;color:#71859a;margin:0 0 11px}
#page-account .auth-v14-sent-address{color:#092f67;font-size:14px;font-weight:770;overflow-wrap:anywhere;padding:13px 14px;background:#f3f6fb;border:1px solid #e6ecf3;border-radius:11px}
#page-account .auth-v14-email-steps{display:grid;gap:8px;border-left:3px solid #f29a4c;padding:2px 0 3px 15px;margin:24px 0}
#page-account .auth-v14-email-steps b{color:#15375f;font-size:12px}
#page-account .auth-v14-email-steps span{color:#718298;font-size:12px;line-height:1.65}
#page-account .auth-v14-sent-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#page-account .auth-v14-sent-actions button{border:0;background:transparent;padding:10px 0;font-size:12px;font-weight:760;color:#0b4c91;display:flex;align-items:center;gap:7px}
#page-account .auth-v14-sent-actions #auth-v14-resend{border-radius:10px;padding:12px 15px;background:#eaf1fa}
#page-account .auth-v14-sent-actions button .icon{width:13px;height:13px}
#page-account .auth-v14-email-sent>small{display:block;font-size:11px;line-height:1.6;color:#93a2b5;margin-top:14px}
#page-account .auth-v14-panel .account-note{border-top:1px solid #e9eff5;margin-top:32px;padding-top:19px;font-size:11px;line-height:1.7;color:#8e9eb0}
#page-account .auth-v14-panel #account-session{margin-top:24px}
#page-account .auth-v14-panel .account-profile-v13{margin-top:0}
#page-account .auth-v14-bottomline{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#9aa8b9;font-size:10px;flex-wrap:wrap}
#page-account .auth-v14-bottomline span:last-child{display:flex;align-items:center;gap:7px}
#page-account .auth-v14-bottomline .icon{width:13px;height:13px}
#page-account .account-sign-out-v13{margin-top:21px!important}
html[data-theme='dark'] #page-account .auth-v14-shell{background:#111c2d}
html[data-theme='dark'] #page-account .auth-v14-panel{background:transparent;border:0}
html[data-theme='dark'] #page-account .auth-v14-form-header h2,html[data-theme='dark'] #page-account .auth-v14-email-sent h3{color:#edf5ff}
html[data-theme='dark'] #page-account .auth-v14-form-header>p,html[data-theme='dark'] #page-account .auth-v14-email-sent>p{color:#a4b5c9}
html[data-theme='dark'] #page-account .auth-v14-mark{background:#233650;color:#bbd7fa;border-color:#34506e}
html[data-theme='dark'] #page-account #sign-in-form .field-title,html[data-theme='dark'] #page-account .auth-v14-email-steps b{color:#dce9fa}
html[data-theme='dark'] #page-account .auth-v14-input-wrap input{background:#1a2b40;color:#f4f8ff;border-color:#41536c}
html[data-theme='dark'] #page-account .auth-v14-input-wrap input::placeholder{color:#93a7bc}
html[data-theme='dark'] #page-account .auth-v14-submit{background:#e78330;color:#142337;box-shadow:none}
html[data-theme='dark'] #page-account .auth-v14-help-row,html[data-theme='dark'] #page-account .auth-v14-bottomline{color:#a3b6c9}
html[data-theme='dark'] #page-account .auth-v14-sent-address{background:#20334c;border-color:#39516e;color:#f0f7ff}
html[data-theme='dark'] #page-account .auth-v14-email-steps span,html[data-theme='dark'] #page-account .auth-v14-email-sent>small{color:#a4b6c8}
html[data-theme='dark'] #page-account .auth-v14-sent-icon{background:#1f473c;color:#86dfbd}
html[data-theme='dark'] #page-account .auth-v14-sent-actions #auth-v14-resend{background:#293f5c;color:#a9d1ff}
html[data-theme='dark'] #page-account .auth-v14-sent-actions button{color:#a9d1ff}
html[data-theme='dark'] #page-account .auth-v14-panel .account-note{border-color:#344960;color:#9eb2ca}
html[data-theme='dark'] #page-account .auth-v14-back{color:#b7c9dc}
@media(max-width:1200px){#page-account.account-page-v14{margin:-30px -25px -75px}#page-account .auth-v14-shell{grid-template-columns:minmax(285px,.9fr) minmax(350px,1.1fr)}#page-account .auth-v14-hero{padding-left:35px;padding-right:28px}#page-account .auth-v14-workspace{padding-inline:36px}}
@media(max-width:930px){#page-account .auth-v14-shell{grid-template-columns:1fr 1.12fr}#page-account .auth-v14-hero{padding:32px 22px 25px}#page-account .auth-v14-hero h1{letter-spacing:-1.6px}#page-account .auth-v14-feature-list{gap:16px}#page-account .auth-v14-workspace{padding:23px}#page-account .auth-v14-form-container{padding:40px 0}}
@media(max-width:740px){#page-account.account-page-v14{margin:-23px -17px -101px;min-height:calc(100svh - 132px)}#page-account .auth-v14-shell{display:flex;flex-direction:column;min-height:calc(100svh - 132px);background:#fff}#page-account .auth-v14-hero{flex:none;padding:22px 27px 27px;min-height:0;border-radius:0 0 25px 25px}#page-account .auth-v14-brand img{width:108px}#page-account .auth-v14-brand>span{font-size:9px;padding-left:13px;letter-spacing:2.3px}#page-account .auth-v14-hero-body{padding:39px 0 0}#page-account .auth-v14-eyebrow{font-size:9px;letter-spacing:1.1px}#page-account .auth-v14-hero h1{font-size:32px;line-height:1.15;margin:14px 0 10px;letter-spacing:-1.5px}#page-account .auth-v14-hero-body>p{font-size:11.5px;line-height:1.7;max-width:300px}#page-account .auth-v14-feature-list,#page-account .auth-v14-hero-foot{display:none}#page-account .auth-v14-workspace{padding:19px 24px max(98px,calc(env(safe-area-inset-bottom) + 92px));flex:1}#page-account .auth-v14-topline{font-size:9px}#page-account .auth-v14-form-container{padding:28px 0 34px;align-items:flex-start}#page-account .auth-v14-panel{max-width:460px;margin:0 auto}#page-account .auth-v14-mark{display:none}#page-account .auth-v14-salutation{margin-top:3px;font-size:9px}#page-account .auth-v14-form-header h2{font-size:28px;letter-spacing:-1px;margin:9px 0 7px}#page-account .auth-v14-form-header>p{font-size:12px}#page-account #sign-in-form{margin-top:25px}#page-account .auth-v14-input-wrap input{font-size:16px}#page-account .auth-v14-panel .account-note{margin-top:24px}#page-account .auth-v14-bottomline{padding-bottom:4px;font-size:9px}#page-account .auth-v14-panel #account-session{margin-top:15px}}
@media(max-width:370px){#page-account.account-page-v14{margin-left:-11px;margin-right:-11px}#page-account .auth-v14-workspace{padding-left:17px;padding-right:17px}#page-account .auth-v14-hero{padding-left:20px;padding-right:20px}#page-account .auth-v14-hero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){#page-account .auth-v14-submit{transition:none}}
/* Authentication is a dedicated workspace screen, rather than a card tucked inside navigation. */
body:has(#page-account.page-active) .sidebar,
body:has(#page-account.page-active) .topbar,
body:has(#page-account.page-active) .mobile-nav{display:none!important}
body:has(#page-account.page-active) .content-wrap{width:100%;flex-basis:100%}
body:has(#page-account.page-active) .main{max-width:none!important;margin:0!important;padding:0!important;min-height:100svh}
#page-account.account-page-v14{margin:0!important;min-height:100svh}
#page-account .auth-v14-shell{min-height:100svh}
@media(max-width:740px){
 #page-account .auth-v14-shell{min-height:100svh}
 #page-account .auth-v14-workspace{padding-bottom:max(25px,calc(env(safe-area-inset-bottom) + 15px))}
 #page-account .auth-v14-form-container{padding-bottom:30px}
}
/* Override the app-wide dark card treatment just for the intentionally frameless auth form. */
html[data-theme='dark'] #page-account .account-panel.auth-v14-panel{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme='dark'] #page-account .auth-v14-input-wrap input{background:#203046!important;border:1px solid #3b516b!important;color:#edf5ff!important}
