/* NoxAlba public access components. Scoped; does not style authenticated pages. */
body.auth-experience{--auth-navy:#0b1930;--auth-ink:#172b46;--auth-muted:#52647a;--auth-line:#d5deea;--auth-orange:#f47735;--auth-blue:#245dd9;--auth-paper:#fff;--auth-field:#fff;background:#09172c!important;color:#172b46;font-family:Inter,"Segoe UI",Arial,sans-serif;margin:0;min-height:100vh;color-scheme:light}
body.auth-experience::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 16% 25%,#17345c 0,transparent 52%),linear-gradient(120deg,transparent 60%,#15345960 60%,transparent 78%)}
body.auth-experience .public-page{min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:40px 28px;position:relative}
.auth-experience *{box-sizing:border-box}
.auth-experience [hidden]{display:none!important}
.auth-experience .auth-layout{width:100%;max-width:1160px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);border:1px solid #ffffff1a;border-radius:28px;overflow:hidden;box-shadow:0 32px 90px #0005;background:#0b1930}
.auth-experience .auth-story{padding:42px;display:flex;flex-direction:column;color:#fff;min-width:0;background:radial-gradient(circle at 100% 100%,#173b654d,transparent 60%)}
.auth-experience .auth-brand{display:inline-flex;gap:12px;align-items:center;text-decoration:none;color:inherit;width:fit-content}
.auth-experience .auth-brand__mark{width:52px;height:52px;display:grid;place-items:center;background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;flex:none}
.auth-experience .auth-brand__mark img{display:block;width:38px;height:38px;object-fit:contain}
.auth-experience .auth-brand strong{display:block;color:inherit;font-size:24px;line-height:1.15;letter-spacing:.02em}
.auth-experience .auth-brand small{display:block;font-size:11px;letter-spacing:.02em;margin-top:4px;color:#c4d2e4}
.auth-experience .auth-story__main{padding:62px 0 42px}
.auth-experience .auth-eyebrow{display:block;color:#8ddbd4;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750;line-height:1.6}
.auth-experience .auth-story h1{font-size:clamp(28px,3vw,39px);line-height:1.17;letter-spacing:-.035em;margin:16px 0;color:#fff;max-width:440px;font-weight:720}
.auth-experience .auth-story__description{font-size:15px;line-height:1.8;color:#c4d2e4;margin:0;max-width:440px}
.auth-experience .auth-story__line{width:46px;height:3px;background:var(--auth-orange);margin:30px 0}
.auth-experience .auth-story__benefits{display:grid;gap:22px}
.auth-experience .auth-story__benefits>div{display:flex;align-items:flex-start;gap:14px}
.auth-experience .auth-story__number{font-size:11px;line-height:1.8;color:#96adc9;padding-top:1px;font-variant-numeric:tabular-nums}
.auth-experience .auth-story__benefits strong{font-size:13px;color:#f4f8ff;line-height:1.6}
.auth-experience .auth-story__benefits p{font-size:12px;line-height:1.75;margin:3px 0 0;color:#b5c6dd;max-width:330px}
.auth-experience .auth-story__footer{font-size:11px;line-height:1.8;color:#b5c6dd;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff1c;display:flex;align-items:center;gap:9px}
.auth-experience .auth-lock{color:#83d8ca;font-size:8px}
.auth-experience .auth-panel{background:var(--auth-paper);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;border-top:4px solid var(--auth-orange)}
.auth-experience .auth-panel .auth-eyebrow{color:#506581}
.auth-experience .auth-panel h2,.auth-experience .auth-panel h1{font-size:30px;letter-spacing:-.03em;line-height:1.2;color:var(--auth-ink);margin:10px 0 12px;font-weight:750}
.auth-experience .auth-panel__intro{font-size:14px;line-height:1.75;color:var(--auth-muted);margin:0 0 30px}
.auth-experience .auth-context-tag{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid #e4c5b1;background:#fff3e9;color:#874118;border-radius:7px;font-size:11px;font-weight:750;margin-bottom:18px;width:fit-content}
.auth-experience .auth-form{display:grid;gap:20px;margin:0;width:100%}
.auth-experience .auth-field{display:grid;gap:8px;min-width:0}
.auth-experience .auth-field label{display:block;font-size:13px;font-weight:650;color:var(--auth-ink);margin:0;line-height:1.5}
.auth-experience .auth-field input,.auth-experience .account-search input{display:block;width:100%;height:48px;padding:12px 14px;border:1px solid #bccada;border-radius:9px;background:var(--auth-field);color:#172b46;font-size:15px;font-family:inherit;line-height:1.4;box-shadow:0 1px 2px #172b4605;outline:none;min-width:0}
.auth-experience input::placeholder{color:#66758a;opacity:1}
.auth-experience .auth-field input:focus,.auth-experience .account-search input:focus{border-color:#245dd9;box-shadow:0 0 0 3px #245dd925}
.auth-experience input:-webkit-autofill{-webkit-text-fill-color:#172b46;-webkit-box-shadow:0 0 0 1000px #f0f5ff inset;caret-color:#172b46}
.auth-experience .auth-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:1px solid #1746b3;border-radius:9px;min-height:49px;padding:13px 17px;background:#245dd9;color:#fff;font:650 14px/1.5 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:0 4px 10px #245dd91a;text-decoration:none}
.auth-experience .auth-button:hover{background:#1d4fbf;color:#fff;box-shadow:0 5px 16px #245dd927}
.auth-experience .auth-button:active{transform:translateY(1px)}
.auth-experience .auth-button:disabled{cursor:wait;opacity:.65}
.auth-experience a:focus-visible,.auth-experience button:focus-visible,.auth-experience input:focus-visible{outline:3px solid #4c85f4;outline-offset:3px}
.auth-experience .auth-support{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:25px 0 0;padding-top:23px;border-top:1px solid var(--auth-line);font-size:12px;line-height:1.75;color:var(--auth-muted)}
.auth-experience .auth-support p{margin:0}
.auth-experience .auth-link{font-size:12px;line-height:1.75;color:#1d50ac;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.auth-experience .auth-note{color:var(--auth-muted);font-size:11px;line-height:1.7;margin:25px 0 0}
.auth-experience .auth-notice{padding:12px 14px;margin:0 0 20px;border:1px solid;border-radius:9px;line-height:1.7;font-size:13px;overflow-wrap:anywhere}
.auth-experience .auth-notice--error{border-color:#e1b0b0;color:#8a222a;background:#fff2f2}
.auth-experience .auth-notice--success{border-color:#94c7b9;color:#175842;background:#eefaf5}
.auth-experience .auth-help{color:var(--auth-muted);font-size:12px;line-height:1.75;margin:0}
.auth-experience.auth-experience--central{background:#eaf0f6!important}
.auth-experience.auth-experience--central::before{background:radial-gradient(ellipse at 10% 15%,#d9e5f5,transparent 60%)}
.auth-experience--central .auth-story{background:#132b4a;border-left:4px solid var(--auth-orange);padding-left:38px}
.auth-experience--central .auth-story .auth-eyebrow{color:#ffc8a9}
.auth-experience--central .auth-panel{border-top-color:#132b4a}
.auth-experience--central .auth-button{background:#132b4a;border-color:#132b4a}
.auth-experience--central .auth-button:hover{background:#21436c}
.auth-experience .auth-compact{width:100%;max-width:490px;background:var(--auth-paper);border-radius:22px;overflow:hidden;box-shadow:0 28px 80px #0004;border-top:4px solid var(--auth-orange)}
.auth-experience .auth-compact .auth-panel{padding:34px 38px 36px;border-top:0}
.auth-experience .auth-compact .auth-brand{color:var(--auth-ink);padding:26px 38px 23px;border-bottom:1px solid var(--auth-line);width:100%}
.auth-experience .auth-compact .auth-brand__mark{background:#0b1930;border-color:#0b1930;width:46px;height:46px;border-radius:12px}
.auth-experience .auth-compact .auth-brand__mark img{width:34px;height:34px}
.auth-experience .auth-compact .auth-brand small{color:var(--auth-muted)}
.auth-experience .auth-compact .auth-panel h1{font-size:27px}
.auth-experience .auth-security-icon{width:46px;height:46px;border-radius:13px;background:#e7f5f3;color:#147d75;display:grid;place-items:center;margin-bottom:22px}
.auth-experience .auth-security-icon svg{width:26px;height:26px}
.auth-experience .auth-field .auth-code-input{font-size:24px;letter-spacing:.3em;font-variant-numeric:tabular-nums;height:56px}
.auth-experience--central .auth-compact{box-shadow:0 22px 65px #142c4920;border-top-color:#132b4a}
.auth-experience--central .auth-security-icon{background:#fff0e5;color:#9a4515}
.auth-experience .auth-layout--accounts{max-width:1180px;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr)}
.auth-experience .auth-layout--accounts .auth-panel{padding:34px;justify-content:flex-start}
.auth-experience .auth-layout--accounts .auth-story__main{padding-top:50px}
.auth-experience .account-search{display:grid;gap:8px;margin:0 0 12px}
.auth-experience .account-search label{font-size:12px;line-height:1.5;font-weight:650;color:var(--auth-ink)}
.auth-experience .account-search__row{display:flex;align-items:center;gap:8px}
.auth-experience .account-search__clear{border:1px solid var(--auth-line);background:#f7f9fc;border-radius:8px;padding:10px 12px;color:#26466e;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;min-height:44px}
.auth-experience .account-counter{font-size:11px;color:var(--auth-muted);margin:0 0 12px;line-height:1.6}
.auth-experience .account-fieldset{border:0;padding:0;margin:0;min-width:0}
.auth-experience .account-fieldset legend{font-size:12px;line-height:1.6;font-weight:650;color:var(--auth-ink);padding:0;margin-bottom:10px}
.auth-experience .account-options{max-height:322px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:grid;gap:8px;padding:3px 7px 3px 3px;margin:-3px}
.auth-experience .account-option{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--auth-line);border-radius:10px;background:#fff;cursor:pointer;margin:0;min-height:78px;transition:border-color .12s,background .12s}
.auth-experience .account-option:hover{border-color:#7c9dc5;background:#f7faff}
.auth-experience .account-option:has(input:checked){border-color:#245dd9;background:#eff5ff;box-shadow:inset 3px 0 0 #245dd9}
.auth-experience .account-option:focus-within{outline:3px solid #4c85f4;outline-offset:1px}
.auth-experience .account-option input{width:18px;height:18px;margin:0;accent-color:#245dd9;flex:none}
.auth-experience .account-option__copy{min-width:0;display:grid;gap:3px}
.auth-experience .account-option__copy strong{font-size:13px;line-height:1.5;font-weight:650;color:#193452;overflow-wrap:anywhere}
.auth-experience .account-option__copy small{font-size:11px;line-height:1.6;color:#52647a}
.auth-experience .account-selection{font-size:12px;line-height:1.7;padding:12px 14px;border:1px solid #d9e4f0;border-radius:9px;background:#f6f9fd;color:#3f5672;margin-top:16px;overflow-wrap:anywhere}
.auth-experience .account-empty{padding:24px 16px;border:1px dashed #b9c9dc;border-radius:9px;text-align:center;color:#52647a;font-size:13px;line-height:1.7}
.auth-experience .account-form{gap:16px}
.auth-experience .account-form .auth-button{margin-top:2px}
@media(min-width:1000px){.auth-experience .auth-layout{min-height:640px}.auth-experience .auth-layout--accounts{min-height:700px}}
@media(max-width:800px){body.auth-experience .public-page{padding:24px 18px;align-items:flex-start}.auth-experience .auth-layout,.auth-experience .auth-layout--accounts{max-width:540px;grid-template-columns:1fr}.auth-experience .auth-story{padding:25px 28px}.auth-experience .auth-story__main{padding:24px 0 0!important}.auth-experience .auth-story h1{font-size:25px;margin:10px 0 8px}.auth-experience .auth-story__description{font-size:13px;line-height:1.7}.auth-experience .auth-story__benefits,.auth-experience .auth-story__line,.auth-experience .auth-story__footer{display:none}.auth-experience .auth-panel,.auth-experience .auth-layout--accounts .auth-panel{padding:30px 28px}.auth-experience .auth-panel h2{font-size:27px}.auth-experience .auth-panel__intro{margin-bottom:23px}.auth-experience--central .auth-story{padding-left:24px}.auth-experience .auth-compact{margin-top:24px}.auth-experience .auth-compact .auth-panel{padding:28px}.auth-experience .auth-compact .auth-brand{padding:23px 28px}.auth-experience .account-options{max-height:300px}}
@media(max-width:380px){body.auth-experience .public-page{padding:12px}.auth-experience .auth-story,.auth-experience .auth-panel,.auth-experience .auth-layout--accounts .auth-panel,.auth-experience .auth-compact .auth-panel{padding:23px}.auth-experience .auth-panel h2,.auth-experience .auth-compact .auth-panel h1{font-size:24px}.auth-experience .auth-support{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.auth-experience *{transition:none!important;scroll-behavior:auto!important}.auth-experience .auth-button:active{transform:none}}
