.auth-frame{background:radial-gradient(ellipse at 0% 0%, #ffe26a30, transparent 48%), radial-gradient(ellipse at 100% 100%, #75c9b730, transparent 48%), var(--popover);flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100dvh;min-height:0;padding:16px;display:grid}.auth-panel{border:1px solid var(--border);background:linear-gradient(125deg, var(--palette-lime), var(--palette-mint) 48%, var(--palette-teal));min-height:0;color:var(--palette-navy);border-radius:28px;flex-direction:column;justify-content:space-between;padding:36px 40px 24px;display:flex;position:relative;overflow:hidden}.dark .auth-panel{color:var(--foreground);background:linear-gradient(125deg,#3c5639,#315a50 48%,#28766d)}.auth-logo svg{stroke-width:2.5px;width:30px;height:30px}.auth-wordmark,.auth-mobileBrand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:25px;font-weight:600;display:flex}.auth-logo{color:var(--primary);display:inline-flex}.auth-brandName{translate:0 -.14em}.auth-story{width:100%;max-width:490px;margin:64px auto 0}.auth-kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);font-size:12px;font-weight:600}.auth-story h2{letter-spacing:-.055em;margin:18px 0;font-size:clamp(36px,4.1vw,64px);font-weight:550;line-height:1.07}.auth-story h2 span{color:var(--brand-ink)}.auth-story>p{max-width:320px;color:var(--muted-foreground);font-size:15px;line-height:1.7}.auth-illustration{height:290px;margin-top:24px;position:relative}.auth-orbit,.auth-orbitInner{border:1px solid var(--brand-border);border-radius:50%;width:300px;height:300px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.auth-orbitInner{width:210px;height:210px;top:48px}.auth-agentMark{background:var(--primary);width:94px;height:94px;color:var(--primary-foreground);box-shadow:0 18px 50px color-mix(in srgb, var(--brand) 22%, transparent);border:6px solid #ffffff80;border-radius:28px;place-items:center;display:grid;position:absolute;top:92px;left:50%;transform:translate(-50%)rotate(-8deg)}.auth-agentMark svg{width:43px;height:43px}.auth-floatingChat,.auth-floatingLayers{width:48px;height:48px;color:var(--brand-ink);box-shadow:0 8px 25px color-mix(in srgb, var(--brand) 6%, transparent);background:#ffffffc9;border:1px solid #fff;border-radius:16px;place-items:center;display:grid;position:absolute}.auth-floatingChat{top:32px;left:15%;transform:rotate(-12deg)}.auth-floatingLayers{color:var(--brand-secondary);background:var(--brand-secondary-wash);top:68px;right:10%;transform:rotate(12deg)}.auth-preview{width:min(100%,360px);box-shadow:0 20px 50px color-mix(in srgb, var(--brand) 7%, transparent);background:#ffffffed;border:1px solid #fff;border-radius:18px;align-items:center;gap:12px;padding:18px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-3deg)}.auth-previewIcon{background:var(--brand-wash);width:38px;height:38px;color:var(--brand-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.auth-preview div{flex-direction:column;flex:1;gap:4px;display:flex}.auth-preview strong{font-size:12px;font-weight:600}.auth-preview div>span{color:var(--muted-foreground);font-size:11px}.auth-preview>svg{width:17px;color:var(--muted-foreground)}.auth-panelFooter{color:var(--muted-foreground);margin-top:44px;font-size:11px}.auth-formSide{flex-direction:column;justify-content:safe center;align-items:center;gap:36px;min-height:0;padding:72px 40px 48px;display:flex;overflow-y:auto}.auth-form{flex-direction:column;flex-shrink:0;gap:28px;width:100%;max-width:380px;display:flex}.auth-form [data-slot=button]{border-radius:12px;min-height:46px;font-size:13px}.auth-form [role=alert],.auth-form [class*=text-destructive]{line-height:1.6}.auth-formFooter{color:var(--muted-foreground);flex-shrink:0;align-items:center;gap:7px;font-size:11px;display:flex}.auth-formFooter svg{width:13px;height:13px}.auth-frame .lucide{stroke-width:var(--icon-stroke)}.auth-mobileBrand{display:none}@media (prefers-reduced-motion:no-preference){.auth-floatingChat{animation:6s ease-in-out infinite auth-float}.auth-floatingLayers{animation:7s ease-in-out -2s infinite auth-float}.auth-agentMark{animation:8s ease-in-out -1s infinite auth-float}.auth-preview{animation:9s ease-in-out -3s infinite auth-card-float}.auth-orbit,.auth-orbitInner{animation:8s ease-in-out infinite auth-ring-pulse}.auth-orbitInner{animation-delay:-4s}}@keyframes auth-float{0%,to{translate:0;rotate:0deg}50%{translate:0 -10px;rotate:3deg}}@keyframes auth-card-float{0%,to{translate:0}50%{translate:0 -5px}}@keyframes auth-ring-pulse{0%,to{opacity:.65;scale:1}50%{opacity:1;scale:1.04}}@media (max-width:900px){.auth-panel{padding:28px}.auth-story h2{font-size:42px}.auth-formSide{padding-inline:28px}}@media (max-width:700px){.auth-frame{grid-template-columns:1fr;padding:0}.auth-panel{display:none}.auth-formSide{justify-content:flex-start;gap:40px;padding:88px 24px 32px}.auth-mobileBrand{width:100%;max-width:380px;display:flex}.auth-form{gap:26px}.auth-formFooter{margin-top:auto;padding-top:16px}}@media (prefers-reduced-motion:reduce){.auth-frame *,.auth-frame :before,.auth-frame :after{transition:none!important;animation:none!important}}@media (min-width:701px) and (max-height:850px){.auth-panel{padding:24px 32px 20px}.auth-story{margin-top:20px}.auth-story h2{margin-block:12px;font-size:clamp(32px,5.8dvh,48px)}.auth-story>p{font-size:14px;line-height:1.6}.auth-illustration{height:220px;margin-top:12px}.auth-orbit{width:230px;height:230px}.auth-orbitInner{width:164px;height:164px;top:36px}.auth-agentMark{border-radius:23px;width:76px;height:76px;top:65px}.auth-agentMark svg{width:34px;height:34px}.auth-floatingChat,.auth-floatingLayers{border-radius:13px;width:40px;height:40px}.auth-floatingLayers{top:42px}.auth-panelFooter{margin-top:20px}.auth-formSide{gap:24px;padding-block:64px 24px}}@media (min-width:701px) and (max-height:620px){.auth-story{margin-top:12px}.auth-illustration{display:none}.auth-formSide{padding-block:64px 20px}}