@import url('./atlas-typography.css?v=1');
/* Scoped to existing Filament Login/Register layouts. No form behavior overrides. */
@view-transition { navigation: auto; }
body:has(.atlas-auth){background:#081122!important;color:#edf4ff;color-scheme:dark}
.atlas-auth{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;min-height:100svh;isolation:isolate;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
html.atlas-from-landing .atlas-auth .fi-simple-main{animation:atlas-auth-route-in .42s cubic-bezier(.22,1,.36,1) both}
@keyframes atlas-auth-route-in{from{opacity:0;transform:translateY(6px)}}
.atlas-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,rgba(3,7,24,.16),rgba(3,7,24,.28)),url('/images/atlas-auth-background.jpg?v=1') center/cover no-repeat #070a25;pointer-events:none}
.atlas-atmosphere i{display:none;position:absolute;width:85vw;height:65vw;left:18%;top:12%;border:7vw solid #4685d05c;border-radius:46% 54% 60% 40%;transform:rotate(-30deg);filter:blur(28px);box-shadow:inset 2vw 1vw 7vw #5bb5ea45,0 0 7vw #142861}
.atlas-atmosphere i:nth-child(2){left:-38%;top:35%;width:105vw;height:70vw;transform:rotate(32deg);border-color:#28649365;filter:blur(38px)}
.atlas-atmosphere i:nth-child(3){left:55%;top:-62%;border-color:#8fa9d035;filter:blur(44px)}
.atlas-auth .fi-simple-main-ctn{padding:48px 24px;min-height:100svh;display:flex;align-items:center;justify-content:center}
.atlas-auth .fi-simple-main{padding:0!important;width:960px!important;max-width:960px!important;display:grid;grid-template-columns:44% 56%;position:relative;overflow:hidden;border:1px solid #ffffff24;border-radius:24px;background:#0b1426a8;backdrop-filter:blur(10px) saturate(112%);-webkit-backdrop-filter:blur(10px) saturate(112%);box-shadow:0 32px 100px #0006,inset 0 1px #ffffff16;outline:none;view-transition-name:atlas-auth-card}
.atlas-intro{grid-column:1;grid-row:1;position:relative;padding:48px 42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:0;min-height:510px}
.atlas-intro:before{content:'';position:absolute;inset:0 -35px 0 0;background:linear-gradient(135deg,rgba(4,12,31,.88),rgba(11,27,55,.76));clip-path:polygon(0 0,86% 0,100% 100%,0 100%);z-index:-1;backdrop-filter:blur(24px) saturate(108%);-webkit-backdrop-filter:blur(24px) saturate(108%);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.atlas-auth-logo{object-fit:contain;width:134px;height:134px;margin:0 0 18px -16px}
.atlas-eyebrow{font-size:10px;font-weight:600;letter-spacing:.23em;color:#a8c9eb;margin-bottom:13px}
.atlas-intro h2{font-size:34px;line-height:1.15;font-weight:650;letter-spacing:-.04em;color:#f7fbff;margin:0 0 17px}
.atlas-intro-copy{font-size:14px;line-height:1.85;color:#bed0e5;max-width:260px}
.atlas-intro-line{width:42px;height:3px;border-radius:3px;background:#65a9ff;margin-top:32px}
.atlas-form-panel{grid-column:2;grid-row:1;padding:58px 54px;min-width:0;align-self:center;animation:atlas-form-in .65s ease both}
.atlas-auth .fi-simple-header .fi-logo{display:none!important}
.atlas-auth .fi-simple-header-heading{font-size:28px!important;letter-spacing:-.035em;color:#f6f9ff!important;font-weight:650}
.atlas-auth .fi-simple-header-subheading{color:#aabed6!important;font-size:13px}
.atlas-auth .fi-simple-page-content{gap:28px}
.atlas-auth .fi-fo-field-label-content{color:#dce8f8!important;font-size:13px}
.atlas-auth .fi-input-wrp{background:#ffffff09!important;border:1px solid #ffffff1f!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.atlas-auth .fi-input-wrp:focus-within{border-color:#6aaaff!important;box-shadow:0 0 0 3px #3b82f622!important}
.atlas-auth input:not([type=checkbox]),.atlas-auth textarea{color:#eef5ff!important;min-height:44px}
.atlas-auth input::placeholder,.atlas-auth textarea::placeholder{color:#8296ad!important}
.atlas-auth .fi-btn.fi-color-primary{background:linear-gradient(110deg,#438fff,#2467e8)!important;color:white!important;border:1px solid #7db0ff60!important;border-radius:10px!important;min-height:44px;box-shadow:0 6px 24px #2369ed35;transition:filter .2s,transform .2s}
.atlas-auth .fi-btn.fi-color-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}
.atlas-auth .fi-link{color:#83b8ff!important}
.atlas-auth .fi-fo-field-helper-text,.atlas-auth .fi-fo-checkbox-label{color:#aebfd4!important}
.atlas-register .fi-simple-main{grid-template-columns:56% 44%;width:1040px!important;max-width:1040px!important}
.atlas-register .atlas-intro{grid-column:2;align-self:stretch}
.atlas-register .atlas-intro:before{inset:0 0 0 -35px;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%)}
.atlas-register .atlas-form-panel{grid-column:1;padding:40px 48px}
.atlas-register .fi-simple-main-ctn{align-items:flex-start}
.atlas-register .atlas-intro{justify-content:flex-start;padding-top:110px}
.atlas-register .fi-simple-page-content{gap:24px}
.atlas-auth :focus-visible{outline:2px solid #8ec1ff;outline-offset:3px}
@keyframes atlas-form-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
::view-transition-old(atlas-auth-card){animation:atlas-out .25s ease both}
::view-transition-new(atlas-auth-card){animation:atlas-form-in .55s ease both}
@keyframes atlas-out{to{opacity:0;transform:translateX(-16px)}}
@media(max-width:700px){.atlas-auth .fi-simple-main-ctn{padding:24px 16px;align-items:center}.atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{grid-template-columns:1fr!important;border-radius:20px}.atlas-intro,.atlas-register .atlas-intro{grid-column:1;grid-row:1;min-height:0;padding:25px 28px 22px;align-items:center;text-align:center}.atlas-intro:before,.atlas-register .atlas-intro:before{inset:0;clip-path:none;background:linear-gradient(130deg,#6c97c929,transparent);border-bottom:1px solid #ffffff12}.atlas-auth-logo{height:82px;width:82px;margin:0 0 10px}.atlas-eyebrow{font-size:9px;margin-bottom:8px}.atlas-intro h2{font-size:25px;margin-bottom:8px}.atlas-intro-copy{font-size:12px;line-height:1.6;max-width:280px}.atlas-intro-line{display:none}.atlas-form-panel,.atlas-register .atlas-form-panel{grid-column:1;grid-row:2;padding:28px 26px 32px}.atlas-auth .fi-simple-header-heading{font-size:24px!important}.atlas-register .fi-simple-main-ctn{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.atlas-auth *,html.atlas-from-landing .atlas-auth .fi-simple-main,::view-transition-old(atlas-auth-card),::view-transition-new(atlas-auth-card){animation:none!important;transition:none!important}}
.atlas-intro{view-transition-name:none}
.atlas-form-panel{view-transition-name:none}
/* Visible diagonal-panel travel works with ordinary navigation, including HTTP. */
.atlas-auth .atlas-intro{transition:transform .62s cubic-bezier(.65,0,.25,1);z-index:2}
.atlas-auth .atlas-form-panel{transition:opacity .24s ease,transform .5s ease}
.atlas-auth.atlas-departing .atlas-form-panel{opacity:0;transform:translateX(-35px);pointer-events:none}
.atlas-auth.atlas-arriving .atlas-form-panel{animation:atlas-reveal .7s ease both}
.atlas-register.atlas-departing .atlas-form-panel{transform:translateX(35px)}
@media(min-width:701px){
 .atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{width:1040px!important;max-width:1040px!important;min-height:620px}
 .atlas-auth.atlas-departing:not(.atlas-register) .atlas-intro{transform:translateX(127.2727%)}
 .atlas-register.atlas-departing .atlas-intro{transform:translateX(-127.2727%)}
 .atlas-auth.atlas-departing .atlas-intro:before{background:linear-gradient(135deg,#345577,#243e5d)}
 .atlas-auth.atlas-departing .atlas-intro>*{opacity:.3;transition:opacity .3s}
}
@keyframes atlas-reveal{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:700px){.atlas-auth.atlas-departing .atlas-intro{transform:translateY(14px);opacity:.5}.atlas-auth.atlas-departing .atlas-form-panel{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.atlas-auth.atlas-arriving .atlas-form-panel{animation:none!important}.atlas-auth .atlas-intro,.atlas-auth .atlas-form-panel{transition:none!important}}
/* Stable card geometry and continuous two-stage route transition. */
.atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{width:min(1040px,calc(100vw - 48px))!important;max-width:1040px!important;height:min(660px,calc(100svh - 48px));min-height:560px;overflow:hidden}
.atlas-auth .atlas-intro,.atlas-register .atlas-intro{height:100%;min-height:0;align-items:center;text-align:center;padding:42px;justify-content:center}
.atlas-auth-logo{margin:0 0 18px;width:134px;height:134px}
.atlas-eyebrow{width:100%;text-align:center}
.atlas-intro-copy{margin-inline:auto;text-align:center}
.atlas-form-panel,.atlas-register .atlas-form-panel{height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:42px 48px;display:flex;align-items:center}
.atlas-form-panel>.fi-simple-page{width:100%}
.atlas-register .atlas-form-panel{padding:32px 42px;align-items:flex-start}
.atlas-register .fi-simple-main-ctn{align-items:center}
.atlas-auth .atlas-intro,.atlas-auth .atlas-form-panel{will-change:transform,opacity;backface-visibility:hidden}
.atlas-auth.atlas-departing .atlas-intro{transition-duration:.48s}
.atlas-auth.atlas-departing .atlas-form-panel{transition:opacity .18s ease,transform .32s ease}
.atlas-auth.atlas-departing.atlas-to-register .atlas-intro{transform:translate3d(127.2727%,0,0)}
.atlas-register.atlas-departing.atlas-to-login .atlas-intro{transform:translate3d(-127.2727%,0,0)}
.atlas-auth.atlas-arriving .atlas-intro{animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}
.atlas-auth.atlas-arriving.atlas-from-login .atlas-intro{animation-name:atlas-intro-arrive-right}
.atlas-auth.atlas-arriving.atlas-from-register .atlas-intro{animation-name:atlas-intro-arrive-left}
.atlas-auth.atlas-arriving.atlas-from-login .atlas-form-panel{animation:atlas-form-arrive-left .4s ease both}
.atlas-auth.atlas-arriving.atlas-from-register .atlas-form-panel{animation:atlas-form-arrive-right .4s ease both}
@keyframes atlas-intro-arrive-right{from{transform:translate3d(-58%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes atlas-intro-arrive-left{from{transform:translate3d(58%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes atlas-form-arrive-left{from{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes atlas-form-arrive-right{from{opacity:0;transform:translate3d(24px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:700px){.atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{width:calc(100vw - 24px)!important;height:calc(100svh - 24px);min-height:0;grid-template-rows:auto 1fr}.atlas-auth .atlas-intro,.atlas-register .atlas-intro{height:auto;min-height:210px;padding:22px 26px}.atlas-auth-logo{width:82px;height:82px;margin-bottom:8px}.atlas-form-panel,.atlas-register .atlas-form-panel{height:100%;padding:26px 24px;align-items:flex-start;scrollbar-gutter:auto}.atlas-auth.atlas-departing .atlas-intro,.atlas-register.atlas-departing .atlas-intro{transform:translate3d(0,-18px,0)}.atlas-auth.atlas-arriving .atlas-intro{animation-name:atlas-intro-arrive-mobile!important}.atlas-auth.atlas-arriving .atlas-form-panel{animation-name:atlas-form-arrive-mobile!important}@keyframes atlas-intro-arrive-mobile{from{opacity:.55;transform:translate3d(0,-14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes atlas-form-arrive-mobile{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translate3d(0,0,0)}}}
/* v4: prevent first-paint jumps, compact registration, and move subtle scrolling left. */
.atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{height:min(760px,calc(100svh - 48px));min-height:620px}
.atlas-intro:before{transition:clip-path .48s cubic-bezier(.65,0,.25,1),background .35s ease}
.atlas-auth.atlas-to-register .atlas-intro:before{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.atlas-register.atlas-to-login .atlas-intro:before{clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
html[data-atlas-auth-from="login"] .atlas-register .atlas-intro{transform:translate3d(-58%,0,0)}
html[data-atlas-auth-from="register"] .atlas-auth:not(.atlas-register) .atlas-intro{transform:translate3d(58%,0,0)}
html[data-atlas-auth-from="login"] .atlas-register .atlas-form-panel{opacity:0;transform:translate3d(-24px,0,0)}
html[data-atlas-auth-from="register"] .atlas-auth:not(.atlas-register) .atlas-form-panel{opacity:0;transform:translate3d(24px,0,0)}
.atlas-register .atlas-form-panel{direction:rtl;scrollbar-width:thin;scrollbar-color:rgba(141,181,225,.14) transparent}
.atlas-register .atlas-form-panel>.fi-simple-page{direction:ltr}
.atlas-register .atlas-form-panel::-webkit-scrollbar{width:5px}
.atlas-register .atlas-form-panel::-webkit-scrollbar-track{background:transparent}
.atlas-register .atlas-form-panel::-webkit-scrollbar-thumb{background:rgba(141,181,225,.14);border-radius:20px}
.atlas-register .fi-simple-page-content{gap:16px}
.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"]){gap:12px 18px!important}
.atlas-register .fi-input-wrp{min-height:40px}
.atlas-register textarea.fi-input{min-height:54px!important}
.atlas-register .fi-fo-file-upload .filepond--drop-label{min-height:58px!important}
.atlas-auth-switch a{color:#83b8ff;text-decoration:none;font-weight:600}
.atlas-auth-switch a:hover{text-decoration:underline}
@media(max-width:700px){.atlas-auth .fi-simple-main,.atlas-register .fi-simple-main{height:calc(100svh - 24px);min-height:0}html[data-atlas-auth-from] .atlas-auth .atlas-intro{transform:translate3d(0,-14px,0)}html[data-atlas-auth-from] .atlas-auth .atlas-form-panel{opacity:0;transform:translate3d(0,18px,0)}}
::view-transition-group(atlas-auth-intro),::view-transition-group(atlas-auth-form){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
@media(min-width:701px){.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col{grid-column:span 1!important}.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(textarea),.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(.fi-fo-file-upload),.atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(input[id="form.verification_code"]){grid-column:span 2!important}}
/* Keep the complete auth card inside the viewport; Filament adds a 64px block margin by default. */
.atlas-auth .fi-simple-main{margin-block:0!important}
.atlas-auth .fi-simple-main-ctn{padding:24px}
@media(max-width:700px){.atlas-auth .fi-simple-main-ctn{padding:12px}}
@media(min-width:701px){
 .atlas-register .atlas-form-panel{padding-block:0;align-items:center}
 .atlas-register .fi-simple-page-content{gap:12px}
 .atlas-register .fi-simple-header-heading{font-size:24px!important;line-height:1.2}
 .atlas-register .fi-simple-header-subheading{margin-top:4px}
 .atlas-register .fi-sc-form{gap:12px}
 .atlas-register .fi-sc-form>.fi-sc{row-gap:12px!important}
 .atlas-register .fi-sc:has(> .fi-grid-col input[id="form.first_name"]){gap:12px 18px!important}
 .atlas-register .fi-fo-field{row-gap:5px}
 .atlas-register input:not([type=checkbox]){min-height:36px}
 .atlas-register .fi-input-wrp{min-height:36px}
 .atlas-register textarea.fi-input{min-height:48px!important}
 .atlas-register .fi-fo-file-upload .filepond--drop-label{min-height:52px!important}
}
/* Complete panel travel before navigation; reveal only the destination form after the swap. */
html[data-atlas-auth-from] .atlas-auth .atlas-intro{transform:none!important}
.atlas-auth.atlas-arriving .atlas-intro{animation:none!important}
@media(max-width:700px){
 .atlas-auth.atlas-departing .atlas-intro,.atlas-register.atlas-departing .atlas-intro{transform:none;opacity:1}
}
/* Unified login/register surface: the original register Livewire page is preloaded in-place. */
.atlas-intro-messages{display:grid;width:100%}
.atlas-intro-message{grid-area:1/1;transition:opacity .2s ease,transform .36s cubic-bezier(.22,1,.36,1)}
.atlas-unified .atlas-intro-message-register{opacity:0;transform:translate3d(18px,0,0);pointer-events:none}
.atlas-unified .fi-simple-main>.atlas-form-panel{animation:none!important}
.atlas-unified.atlas-mode-register .atlas-intro-message-login{opacity:0;transform:translate3d(-18px,0,0);pointer-events:none}
.atlas-unified.atlas-mode-register .atlas-intro-message-register{opacity:1;transform:translate3d(0,0,0)}
.atlas-register-frame{border:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .42s cubic-bezier(.22,1,.36,1);transition-delay:0s}
.atlas-unified.atlas-mode-register .atlas-register-frame{opacity:1;transform:translate3d(0,0,0);pointer-events:auto;transition-delay:.34s}
.atlas-unified.atlas-mode-register .atlas-intro:before{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
@media(min-width:701px){
 .atlas-unified .fi-simple-main{display:block}
 .atlas-unified .atlas-intro{position:absolute;inset:0 auto 0 0;width:44%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.65,0,.25,1)}
 .atlas-unified .fi-simple-main>.atlas-form-panel{position:absolute;inset:0 0 0 auto;width:56%;transition:opacity .22s ease .32s,transform .42s cubic-bezier(.22,1,.36,1) .28s}
 .atlas-unified .atlas-register-frame{position:absolute;inset:0 auto 0 0;width:56%;height:100%;transform:translate3d(-32px,0,0)}
 .atlas-unified.atlas-mode-register .atlas-intro{transform:translate3d(127.2727%,0,0)}
 .atlas-unified.atlas-mode-register .fi-simple-main>.atlas-form-panel{opacity:0;transform:translate3d(32px,0,0);pointer-events:none;transition-delay:0s}
}
@media(max-width:700px){
 .atlas-unified .fi-simple-main>.atlas-form-panel,.atlas-unified .atlas-register-frame{grid-column:1;grid-row:2;width:100%;height:100%;min-height:0}
 .atlas-unified .fi-simple-main>.atlas-form-panel{transition:opacity .22s ease .28s,transform .4s cubic-bezier(.22,1,.36,1) .24s}
 .atlas-unified .atlas-register-frame{position:relative;transform:translate3d(-22px,0,0)}
 .atlas-unified.atlas-mode-register .fi-simple-main>.atlas-form-panel{opacity:0;transform:translate3d(22px,0,0);pointer-events:none;transition-delay:0s}
 .atlas-unified.atlas-mode-register .atlas-intro{transform:none!important}
}
html:has(.atlas-embedded),body:has(.atlas-embedded){background:transparent!important;overflow:hidden}
.atlas-embedded{min-height:100svh;background:transparent!important}
.atlas-embedded .fi-simple-main-ctn{padding:0!important;min-height:100svh}
.atlas-embedded .fi-simple-main{display:block!important;width:100%!important;max-width:none!important;height:100svh!important;min-height:0!important;margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.atlas-embedded .atlas-embedded-form{position:static!important;width:100%;height:100%;padding:0 42px;align-items:center;opacity:1;transform:none;animation:none;direction:rtl;scrollbar-width:thin;scrollbar-color:rgba(141,181,225,.14) transparent}
.atlas-embedded .atlas-embedded-form>.fi-simple-page{width:100%;direction:ltr}
.atlas-embedded .fi-simple-page-content{gap:12px}
.atlas-embedded .fi-simple-header-heading{font-size:24px!important;line-height:1.2}
.atlas-embedded .fi-simple-header-subheading{margin-top:4px}
.atlas-embedded .fi-sc-form{gap:12px}
.atlas-embedded .fi-fo-field{row-gap:5px}
.atlas-embedded .atlas-embedded-form::-webkit-scrollbar{width:5px}
.atlas-embedded .atlas-embedded-form::-webkit-scrollbar-track{background:transparent}
.atlas-embedded .atlas-embedded-form::-webkit-scrollbar-thumb{background:rgba(141,181,225,.14);border-radius:20px}
@media(min-width:501px){
 .atlas-embedded .fi-sc:has(> .fi-grid-col input[id="form.first_name"]){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 18px!important}
 .atlas-embedded .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col{grid-column:span 1!important}
 .atlas-embedded .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(textarea),.atlas-embedded .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(.fi-fo-file-upload),.atlas-embedded .fi-sc:has(> .fi-grid-col input[id="form.first_name"])>.fi-grid-col:has(input[id="form.verification_code"]){grid-column:span 2!important}
 .atlas-embedded input:not([type=checkbox]){min-height:36px}
 .atlas-embedded .fi-input-wrp{min-height:36px}
 .atlas-embedded textarea.fi-input{min-height:48px!important}
 .atlas-embedded .fi-fo-file-upload .filepond--drop-label{min-height:52px!important}
}
@media(max-width:500px){.atlas-embedded .atlas-embedded-form{padding:18px 24px;align-items:flex-start}}
/* Livewire briefly disables password toggles during background requests; keep their visual state stable. */
.atlas-register .fi-icon-btn[aria-label="Show password"],
.atlas-register .fi-icon-btn[aria-label="Hide password"]{opacity:.72!important;visibility:visible!important;filter:none!important;animation:none!important;transition:color .15s ease,background-color .15s ease!important}
.atlas-register .fi-icon-btn[aria-label="Show password"] svg,
.atlas-register .fi-icon-btn[aria-label="Hide password"] svg{opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important}

/* v17: auth is always dark, with role-aware secondary actions below Sign in. */
html:has(.atlas-auth),html:has(.atlas-auth) body{background:#081122!important;color-scheme:dark!important}
.atlas-auth,.atlas-auth input,.atlas-auth textarea,.atlas-auth select{color-scheme:dark!important}
.atlas-auth .fi-simple-main{background:#0b1426a8!important}
.atlas-auth .atlas-form-panel{background:transparent!important;color:#edf4ff!important}
.atlas-auth .fi-simple-header-subheading:has(a[href$="/register"]){display:none!important}
.atlas-auth:not(.atlas-register) .atlas-form-panel{flex-direction:column;justify-content:center}
.atlas-auth:not(.atlas-register) .atlas-form-panel>.fi-simple-page{width:100%}
.atlas-auth-secondary-wrap{width:100%;margin-top:16px}
.atlas-auth-secondary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 58px;width:100%;height:46px;overflow:hidden;border:1px solid rgba(139,165,255,.34);border-radius:11px;background:linear-gradient(105deg,rgba(41,66,120,.34),rgba(12,25,54,.72));box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 28px rgba(0,5,25,.2)}
.atlas-auth-secondary:after{content:"";position:absolute;z-index:3;top:-7px;right:57px;width:1px;height:60px;background:linear-gradient(transparent,rgba(155,184,255,.7) 18%,rgba(155,184,255,.36) 82%,transparent);transform:rotate(13deg);pointer-events:none}
.atlas-auth-signup,.atlas-auth-home{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#b9cbe4;font-size:11px;font-weight:700;letter-spacing:.105em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}
.atlas-auth-signup{position:relative;z-index:1;margin-right:-8px;padding:0 28px 0 14px;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 100%,0 100%)}
.atlas-auth-home{position:relative;margin-left:-8px;padding-left:15px;color:#8fb8e9;background:rgba(48,92,164,.12);clip-path:polygon(15px 0,100% 0,100% 100%,4px 100%)}
.atlas-auth-home svg{width:18px;height:18px}
.atlas-auth-secondary--home-only{display:flex;justify-content:center;grid-template-columns:none}
.atlas-auth-secondary--home-only:after{content:none!important;display:none!important}
.atlas-auth-secondary--home-only .atlas-auth-home{width:100%;gap:9px;margin:0;padding:0 18px;clip-path:none;background:linear-gradient(105deg,rgba(48,92,164,.18),rgba(32,61,117,.08))}
.atlas-auth-signup:hover,.atlas-auth-signup:focus-visible,.atlas-auth-home:hover,.atlas-auth-home:focus-visible{outline:0;color:#fff;background:radial-gradient(circle at 50% 0,rgba(91,148,255,.28),rgba(32,74,142,.13) 66%,transparent);box-shadow:inset 0 0 18px rgba(79,139,255,.12)}
.atlas-managed-note{max-height:0;margin:0;padding:0 12px;color:#90a8c5;font-size:11px;line-height:1.45;text-align:center;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .28s ease,margin .28s ease,opacity .2s ease,transform .28s ease}
.atlas-managed-note.is-visible{max-height:42px;margin-top:9px;opacity:1;transform:translateY(0)}
@media(max-width:700px){.atlas-auth-secondary-wrap{margin-top:13px}.atlas-auth-secondary{height:44px;grid-template-columns:minmax(0,1fr) 54px}.atlas-auth-secondary:after{right:53px}.atlas-auth-signup{font-size:10px}.atlas-auth-home svg{width:17px;height:17px}}
/* v21: keep cross-document transitions on the root snapshot only. Backdrop-filtered
   auth panels create rectangular ghost layers when captured as named elements. */
.atlas-auth .fi-simple-main,.atlas-auth .atlas-intro,.atlas-auth .atlas-form-panel{view-transition-name:none!important}

/* v22: the embedded register document must not paint a second dark card. */
html:has(.atlas-embedded),
html:has(.atlas-embedded) body{
 background:transparent!important;background-image:none!important;
}
.atlas-embedded,
.atlas-embedded .fi-simple-main,
.atlas-embedded .atlas-embedded-form,
.atlas-embedded .fi-simple-page,
.atlas-embedded .fi-simple-page-content,
.atlas-embedded .fi-sc-form{
 background:transparent!important;background-image:none!important;box-shadow:none!important;
}

/* Independent language choice for authentication screens. */
.atlas-auth-locale{position:fixed;z-index:60;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;gap:.35rem;padding:.3rem;border:1px solid #7a91b445;border-radius:.65rem;background:#0e1b32dd;backdrop-filter:blur(18px);color:#dbe6f7;direction:ltr}
.atlas-auth-locale>svg{width:1.2rem;height:1.2rem;margin:.25rem;color:#9daaf2}
.atlas-auth-locale>button{min-height:2rem;padding:.35rem .75rem;border:1px solid transparent;border-radius:.4rem;font-size:.85rem;cursor:pointer}
.atlas-auth-locale>button[aria-pressed=true]{border-color:#9a9ff177;background:#6f70d53d;color:#fff}
.atlas-auth-locale>button:hover{background:#ffffff12}
@media(max-width:40rem){.atlas-auth-locale{top:.5rem;inset-inline-end:.5rem}.atlas-auth-locale>button{padding:.3rem .55rem}.atlas-auth-document .fi-simple-main-ctn{padding-top:4rem}}
/* Keep the home segment on the right in both languages. */
.atlas-auth-secondary{direction:ltr}
html[lang="fa"] .atlas-auth-signup{direction:rtl;letter-spacing:0}
html[lang="fa"] .atlas-auth-secondary--home-only .atlas-auth-home{direction:rtl;letter-spacing:0}
html[lang="fa"] .atlas-register .atlas-form-panel>.fi-simple-page,
html[lang="fa"] .atlas-embedded .atlas-embedded-form>.fi-simple-page{direction:rtl}
html[lang="en"] .atlas-register .atlas-form-panel>.fi-simple-page,
html[lang="en"] .atlas-embedded .atlas-embedded-form>.fi-simple-page{direction:ltr}
/* The authentication layout has its own stylesheet. */
.atlas-auth-logo,.atlas-auth .fi-logo{filter:brightness(0) invert(1)!important}
