.auth-shell{background:#fff;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-story{background:#f3edfc url(/images/hero-background.avif) 50%/cover;flex-direction:column;justify-content:space-between;gap:65px;padding:48px 12%;display:flex}.auth-story h1{margin:20px 0;font-size:clamp(34px,3.2vw,48px);line-height:1.2}.auth-story h1 span{color:var(--purple)}.auth-story p{max-width:450px;font-size:14px}.auth-story>a:last-child{color:#89739e;font-size:12px}.auth-story-icon{color:#875cbb;background:#e8dcfa;border-radius:25px;place-items:center;width:85px;height:85px;margin-top:40px;display:grid}.auth-form-side{place-items:center;padding:60px 9%;display:grid}.auth-card{width:100%;max-width:400px}.auth-card>h2{margin:24px 0 16px;font-size:29px;line-height:1.3}.auth-card>p{font-size:13px}.auth-mode{background:#f3eff8;border-radius:10px;gap:5px;margin:26px 0;padding:5px;display:flex}.auth-mode button{color:#8b7f9e;background:0 0;border:0;border-radius:7px;flex:1;padding:10px;font-size:12px}.auth-mode button[aria-pressed=true]{color:var(--purple);background:#fff;box-shadow:0 2px 8px #3923640b}.auth-card label{margin:20px 0 8px;font-size:12px;font-weight:500;display:block}.auth-card input{background:#fff;border:1px solid #dfd6e8;border-radius:8px;width:100%;padding:13px 15px;font-size:13px}.auth-card input::placeholder{color:#b1a5bd}.auth-card>.button{width:100%;margin-top:25px}.auth-forgot{text-align:right;color:#8560b0;margin-top:12px;font-size:11px;display:block}.auth-card>.auth-footnote{text-align:center;margin-top:20px;font-size:10px}.auth-legal{color:#9c8aaf;justify-content:center;gap:20px;margin-top:25px;font-size:10px;display:flex}.auth-simple{background:#f8f5fd;place-items:center;min-height:100dvh;padding:60px 22px;display:grid}.auth-simple .auth-card{background:#fff;border:1px solid #e5dbee;border-radius:20px;padding:35px}.auth-simple .brand{margin-bottom:10px}.workspace-message{border-radius:8px;margin:18px 0;padding:13px 16px;font-size:12px;line-height:1.7}.workspace-message.error{color:#94334e;background:#fff0f2;border:1px solid #f2cdd6}.workspace-message.success{color:#38714d;background:#edf7ef;border:1px solid #d2e8d8}.auth-card .workspace-message{font-size:11px}@media (max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-story{gap:0;padding:25px 7%}.auth-story>div,.auth-story>a:last-child{display:none}.auth-form-side{padding:40px 7% 60px}.auth-card>h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.auth-card .animate-spin{animation:none}}
