.login-layout{display:grid;min-height:100vh;grid-template-columns:minmax(26rem,1.08fr) minmax(25rem,.92fr)}
.login-story{background:linear-gradient(145deg,var(--rx-sage-100),var(--rx-sage-50) 58%,var(--rx-peach-100));display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;overflow:hidden;padding:clamp(2rem,6vw,5.5rem);position:relative}
.login-story .roxiro-logo{position:relative;width:min(18rem,48%);z-index:1}.story-copy{max-width:38rem;position:relative;z-index:1}.story-copy h1{font-size:clamp(2.7rem,5vw,5.6rem);letter-spacing:-.055em;line-height:.98;margin:.3rem 0 1.4rem}.story-copy>p:last-child{color:var(--rx-muted);font-size:1.12rem;line-height:1.7;max-width:32rem}.story-foot{font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;z-index:1}.story-glow{border-radius:50%;filter:blur(2px);position:absolute}.glow-one{background:color-mix(in srgb,var(--rx-sage-300) 36%,transparent);height:31rem;right:-12rem;top:8%;width:31rem}.glow-two{background:color-mix(in srgb,var(--rx-peach-300) 40%,transparent);bottom:-12rem;height:25rem;left:30%;width:25rem}
.login-access{align-items:center;background:var(--rx-canvas);display:flex;justify-content:center;padding:clamp(2rem,6vw,6rem);position:relative}.login-access>.theme-toggle{position:absolute;right:1.5rem;top:1.5rem}.login-card{max-width:29rem;padding:clamp(2rem,5vw,3.5rem);width:100%}.login-card h2{font-size:2rem;letter-spacing:-.03em;margin:.2rem 0 .6rem}.login-form{display:grid;gap:.7rem;margin-top:2rem}.login-form label:not(:first-child){margin-top:.5rem}.login-form button{margin-top:.75rem}.privacy-note{border-top:1px solid var(--rx-border);color:var(--rx-muted);font-size:.76rem;margin:1.5rem 0 0;padding-top:1rem;text-align:center}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-story{min-height:19rem;padding:2rem}.story-copy h1{font-size:2.6rem}.story-copy>p:last-child,.story-foot{display:none}.login-access{padding:3rem 1.2rem}.login-story .roxiro-logo{width:12rem}}