/* Login only: airy left form + actual product showcase. Auth behavior unchanged. */
body:has(#auth-view:not([hidden])){--bg:#fff;--surface:#fff;--surface-soft:#f4f6fa;--text:#17212b;--secondary:#526172;--tertiary:#627083;--border:#ccd4df;--border-soft:#e4e9ef;--action:#1769d2;--on-action:#fff;--teal:#1769d2;--focus:#1769d2;background:#fff}
body:has(#auth-view:not([hidden])) .shell{width:100%;max-width:none;padding:0}
body:has(#auth-view:not([hidden])) .topbar{position:absolute;z-index:2;top:0;left:0;width:44%;min-height:100px;padding:28px 36px;margin:0;border:0}
body:has(#auth-view:not([hidden])) .brand{align-items:flex-start;flex-direction:column;gap:8px}
body:has(#auth-view:not([hidden])) .brand img{width:150px;filter:invert(1)}
body:has(#auth-view:not([hidden])) .brand .mode{font-size:9px;letter-spacing:.1em;background:#f4f6fa;color:#526172;border-color:#e1e6ed}
#auth-view.auth-view{width:100%;max-width:none;min-height:100svh;display:grid;grid-template-columns:minmax(360px,44%) minmax(0,56%);gap:0;margin:0;padding:0;align-items:stretch}
#auth-view .auth-card{grid-column:1;grid-row:1;align-self:center;justify-self:center;width:min(100% - 72px,380px);max-width:none;margin:130px 0 65px;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
#auth-view .auth-switch{display:flex;background:#f4f6fa;border:0;border-radius:10px;padding:4px;margin-bottom:30px}
#auth-view .auth-switch-button{padding:10px;font-size:13px;border-radius:7px;color:#526172;background:transparent;flex:1}
#auth-view .auth-switch-button.is-active{background:#fff;color:#1769d2;box-shadow:0 1px 5px #14274610}
#auth-view .auth-card-heading{margin:0 0 28px;gap:0}
#auth-view .auth-card-icon{display:none}
#auth-view .auth-card-heading h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px;color:#17212b}
#auth-view .auth-card-heading p{font-size:14px;margin:0;color:#627083}
#auth-view .auth-card label{font-size:13px;color:#334253;margin-bottom:8px}
#auth-view .auth-card input{height:48px;border:1px solid #ccd4df;border-radius:8px;background:#fff;color:#17212b;font-size:15px;padding:12px 14px;margin-bottom:20px}
#auth-view .auth-card .primary-button{min-height:48px;border-radius:8px;background:#1769d2;color:#fff;border:1px solid #1769d2;box-shadow:none;font-size:14px}
#auth-view .auth-card .primary-button:hover{background:#1257b0;border-color:#1257b0}
#auth-view .auth-card .google-button{min-height:48px;border-radius:8px;background:#fff;color:#334253;border:1px solid #ccd4df;font-size:14px}
#auth-view .auth-divider{margin:18px 0;font-size:12px;color:#627083}
#auth-view .auth-footnote{font-size:12px;line-height:1.6;text-align:center;color:#627083;margin-top:20px}
#auth-view .auth-intro{grid-column:2;grid-row:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px;min-height:100svh;padding:60px clamp(28px,3vw,62px) 44px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 15%,#f8fcff 0,transparent 50%),linear-gradient(145deg,#dce9fa,#eef3fa 60%,#dbe6f4)}
#auth-view .auth-intro:before{display:none}
#auth-view .login-showcase{width:100%;max-width:1050px;margin:0;order:0;position:relative}
.showcase-browser{overflow:hidden;border-radius:14px;border:1px solid #ffffffcc;background:#f5f7fa;box-shadow:0 35px 65px -25px #15365d50,0 4px 12px #15365d10;transform:perspective(1800px) rotateY(-3deg) rotateX(1deg)}
.showcase-browser-bar{height:30px;padding:0 12px;display:flex;gap:5px;align-items:center;background:#ffffff;color:#63758a;border-bottom:1px solid #e1e7ef;font-size:9px}
.showcase-browser-bar i{display:block;width:6px;height:6px;background:#d4dce7;border-radius:50%}.showcase-browser-bar span{margin:auto}
.showcase-browser img{display:block;width:100%;height:auto}
.login-showcase figcaption{text-align:center;font-size:10px;letter-spacing:.02em;color:#53677f;margin-top:16px}
#auth-view .auth-story-copy{order:1;width:100%;position:static;max-width:1050px;padding:0}
#auth-view .auth-story-copy .eyebrow{display:block;border:0;border-radius:0;padding:0;margin:0 0 12px;background:transparent;color:#42628b;font-size:10px;letter-spacing:.14em}
#auth-view .auth-story-copy h1{font-size:clamp(28px,3vw,44px);line-height:1.08;color:#163554;margin:0 0 14px;max-width:600px}
#auth-view .auth-story-copy>p:not(.eyebrow){font-size:14px;color:#46617c;line-height:1.5}
#auth-view .auth-story-copy h1 br{display:block}
@media(min-width:1800px){#auth-view .auth-intro{padding:64px 80px}.showcase-browser{max-width:1000px}}
@media(max-width:900px){body:has(#auth-view:not([hidden])) .topbar{width:100%;position:relative;min-height:80px;padding:24px}#auth-view.auth-view{display:flex;flex-direction:column;min-height:0}#auth-view .auth-card{order:0;width:min(100% - 48px,400px);margin:30px auto 50px}#auth-view .auth-intro{order:1;width:100%;max-width:none;min-height:0;padding:40px 24px;gap:30px}#auth-view .login-showcase{max-width:650px}#auth-view .auth-story-copy{max-width:650px}#auth-view .auth-story-copy h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.showcase-browser{transform:none}}
/* Layered real-product gallery, not fabricated interface artwork. */
#auth-view .auth-intro{background:radial-gradient(ellipse at 90% 10%,#78ccff99,transparent 48%),radial-gradient(ellipse at 10% 90%,#6767ef88,transparent 50%),linear-gradient(145deg,#102e69,#145bc4 55%,#163d8d);gap:22px}
#auth-view .login-showcase{padding:70px 0 90px}
.showcase-browser{position:relative;z-index:2;width:94%;margin:auto;box-shadow:0 30px 70px #041a5666;transform:perspective(1800px) rotateY(-4deg) rotateX(2deg)}
.showcase-secondary{position:absolute;width:58%;max-height:240px;overflow:hidden;border:1px solid #ffffffaa;border-radius:12px;background:#f5f7fa;box-shadow:0 20px 45px #071b5555}
.showcase-secondary>span{display:block;padding:10px 14px;background:#fff;color:#1e477d;font-size:12px;font-weight:700}
.showcase-secondary img{width:100%;height:auto;display:block}
.showcase-care{right:-10px;top:0;transform:rotate(5deg);z-index:1}
.showcase-log{left:-10px;bottom:36px;transform:rotate(-5deg);z-index:3;width:52%;max-height:190px}
.login-showcase figcaption{position:absolute;bottom:0;left:0;right:0;color:#dceaff}
#auth-view .auth-story-copy .eyebrow{color:#b7d9ff}
#auth-view .auth-story-copy h1{color:#fff}
#auth-view .auth-story-copy>p:not(.eyebrow){color:#dfedff}
@media(max-width:900px){#auth-view .login-showcase{padding:55px 0 85px}.showcase-secondary{max-height:180px}.showcase-log{max-height:140px;bottom:32px}}
@media(prefers-reduced-motion:reduce){.showcase-secondary,.showcase-browser{transform:none}}