.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}
.auth-story{background:#142e30;color:#f3f5ee;padding:40px 45px 27px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-story:before{content:'';width:570px;height:570px;border:1px solid #628b7130;position:absolute;bottom:-170px;right:-270px;border-radius:50%;box-shadow:0 0 0 70px #628b7108,0 0 0 140px #628b7105;pointer-events:none}
.auth-story .brand{padding:0;font-size:32px}.auth-story-content{max-width:460px;margin:auto 0;padding:60px 0;position:relative;z-index:1}.auth-kicker{font-size:10px;letter-spacing:2.2px;color:#a7c7a0;font-weight:600}.auth-story h1{font-size:clamp(36px,4vw,62px);line-height:1.18;letter-spacing:-2.7px;margin-top:24px;font-weight:650}.auth-story h1 em{font-style:normal;color:#c9e5a8}.auth-story-content>p{color:#9fb8ae;line-height:1.9;margin-top:25px;font-size:13px;max-width:330px}.auth-station{margin-top:42px;display:flex;gap:15px;align-items:center;border:1px solid #ffffff18;padding:17px 20px;border-radius:13px;max-width:390px;background:#ffffff04}.ola-logo{background:white;border-radius:9px;width:60px;height:56px;padding:8px;display:grid;place-items:center}.ola-logo img{width:100%;height:100%;object-fit:contain}.auth-station strong{font-size:12px;display:block;color:#eaf2e3;font-weight:500}.auth-station span:not(.auth-dot){font-size:10px;display:block;color:#8faea1;margin-top:6px}.auth-dot{width:6px;height:6px;border-radius:50%;background:#b6d890;margin-left:auto;box-shadow:0 0 0 5px #b6d8900a}.auth-story-footer{font-size:10px;color:#7c9b8e;display:flex;justify-content:space-between;gap:15px;line-height:1.7}.auth-form-panel{display:grid;place-items:center;padding:50px 35px}.auth-login{width:100%;max-width:370px}.login-icon{width:45px;height:45px;display:grid;place-items:center;background:#edf3e9;color:#78956a;border:1px solid #e5eddf;border-radius:13px;margin-bottom:28px}.login-icon .icon{width:21px;height:21px}.auth-login .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:12px}.auth-login h2{font-size:27px;letter-spacing:-1px;line-height:1.4;max-width:330px}.auth-description{font-size:12px;color:#98a098;line-height:1.8;margin:13px 0 32px}.auth-login .field label{font-size:11px;color:#6b786e}.auth-login .field input{height:45px;font-size:12px;padding:12px 14px;background:#fdfefc;border-color:#e1e6df}.password-wrap{position:relative}.password-wrap input{padding-right:70px!important}.password-wrap button{position:absolute;right:9px;top:15px;font-size:10px;color:#8d9a8d;padding:0 5px}.auth-password-help{font-size:10px;line-height:1.8;color:#99a293;margin:16px 0 22px}.auth-submit{width:100%;height:45px;justify-content:space-between;padding:0 16px;font-size:12px;background:#22624e}.auth-secure{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#a2aca0;margin-top:22px}.auth-secure .icon{width:13px;height:13px}.auth-demo{margin-top:45px;border-top:1px solid #ecf0e9;padding-top:23px;font-size:10px;color:#a0a99a;display:flex;flex-direction:column;gap:10px}.auth-demo a{color:#6d8a60;font-weight:600;display:flex;align-items:center;gap:7px}.auth-demo .icon{width:13px;height:13px}.auth-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#8f9d8b;font-size:12px;background:#f6f8f2}.connected-banner{display:flex;align-items:center;gap:15px;padding:20px 23px;background:linear-gradient(110deg,#e9f1e1,#f2f6eb);border:1px solid #dde8d2;border-radius:12px;margin-bottom:25px;color:#57794b}.connected-banner>.icon{width:27px;height:27px;flex-shrink:0}.connected-banner strong{font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;display:block}.connected-banner p{font-size:10px;color:#8a9f7e;margin-top:7px;line-height:1.8}.connected-banner .live{margin-left:auto;white-space:nowrap}.connected-site-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.real-site-card{padding:25px}.station-brand{display:flex;align-items:center;gap:23px;margin-bottom:26px}.station-brand img{width:80px;height:75px;object-fit:contain}.station-brand h2{font-size:19px;line-height:1.5;margin-top:8px}.station-brand p{color:#98a28f;font-size:11px;margin-top:5px}.contact-line{display:flex;gap:11px;color:#98a28f;font-size:11px;margin-top:18px;align-items:center;line-height:1.8}.contact-line .icon{width:16px;height:16px;color:#8ca47b}.real-site-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8b9981;font-size:10px}.welcome-card{padding:27px;background:linear-gradient(130deg,#fcfdfb,#f7faf2)}.welcome-card .login-icon{margin-bottom:19px}.welcome-card h2{font-size:19px;line-height:1.6;max-width:250px}.welcome-card p{font-size:11px;line-height:1.9;color:#98a38e;margin:13px 0 23px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 23px}.onboarding-grid>div>span{font-family:'Manrope',sans-serif;display:block;color:#b8c9ad;font-size:24px;margin-bottom:14px;font-weight:600}.onboarding-grid h3{font-size:12px}.onboarding-grid p{color:#99a490;font-size:10px;line-height:1.9;margin-top:9px;max-width:230px}
@media(max-width:1050px){.auth-story{padding:35px}.auth-story h1{font-size:44px}.auth-story-footer span{display:none}.auth-form-panel{padding:40px 25px}.connected-site-grid{grid-template-columns:1fr}.welcome-card{display:none}.topbar>.live{display:none}}
@media(max-width:720px){.auth-layout{grid-template-columns:1fr;min-height:100dvh}.auth-story{padding:25px 25px 22px}.auth-story .brand{font-size:26px}.auth-story .brand-mark{width:30px;height:30px;font-size:25px}.auth-story-content{padding:30px 0 4px;margin:0;max-width:none}.auth-kicker{font-size:8px}.auth-story h1{font-size:32px;letter-spacing:-1.3px;margin-top:14px;line-height:1.25}.auth-story h1 br:first-of-type{display:none}.auth-story-content>p,.auth-station,.auth-story-footer{display:none}.auth-form-panel{padding:30px 26px 40px;display:block}.auth-login{margin:auto}.auth-login .login-icon{display:none}.auth-login h2{font-size:23px;max-width:none}.auth-description{margin:10px 0 24px;font-size:11px}.auth-login .field input{font-size:16px}.auth-demo{margin-top:30px}.auth-password-help{font-size:10px}.connected-banner{padding:17px;gap:12px}.connected-banner .live{display:none}.connected-banner strong{font-size:12px}.station-brand{gap:17px}.station-brand img{width:65px;height:65px}.station-brand h2{font-size:16px}.onboarding-grid{grid-template-columns:1fr;gap:23px;padding:25px 20px}.onboarding-grid>div{display:grid;grid-template-columns:35px 1fr;gap:0 12px}.onboarding-grid>div>span{grid-row:1/3;font-size:21px}.onboarding-grid p{max-width:none}.real-site-card{padding:20px}.real-site-footer{font-size:9px}.real-site-footer .button{font-size:9px}.topbar .site-select{max-width:205px}.auth-secure{font-size:9px}}