.authplat-auth-shell{--auth-bg:var(--demo-background,#faf8f2);--auth-surface:#fff;--auth-border:var(--demo-border,#e3e2e0);--auth-ink:var(--demo-ink-black,#1a1918);--auth-muted:var(--demo-muted-foreground,#787774);--auth-subtle:var(--demo-subtle-foreground,#acaba8);--auth-accent-line:var(--demo-accent-graphite,#c4c0b4);background:var(--auth-bg);color:var(--auth-ink);font-family:var(--font-geist-sans),var(--font-sans),system-ui,sans-serif}.authplat-auth-grid{display:grid;grid-template-columns:1fr;min-height:100dvh}@media (min-width:1024px){.authplat-auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.authplat-auth-brand{background:var(--demo-gradient-paper,linear-gradient(180deg,#fff 0,#faf8f2 100%));border-bottom:1px solid var(--auth-border);display:none;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}@media (min-width:1024px){.authplat-auth-brand{border-bottom:none;border-right:1px solid var(--auth-border);display:flex}}.authplat-auth-brand__inner{display:flex;flex:1;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);position:relative;z-index:2}.authplat-auth-brand__logo{padding:clamp(1.25rem,3vw,1.75rem) clamp(1.5rem,4vw,2.5rem) 0;position:relative;z-index:2}.authplat-auth-brand__footer{color:var(--auth-subtle);font-size:.75rem;letter-spacing:.02em;padding:1rem clamp(1.5rem,4vw,2.5rem) 1.5rem;position:relative;z-index:2}.authplat-auth-main{background:var(--auth-bg);display:flex;flex-direction:column}.authplat-auth-mobile-logo{padding:1.25rem 1.5rem 0}@media (min-width:1024px){.authplat-auth-mobile-logo{display:none}}.authplat-auth-main-inner{display:flex;flex:1;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.5rem)}@media (min-width:1024px){.authplat-auth-main-inner{padding:clamp(2rem,5vh,4rem) clamp(2rem,5vw,4rem)}}.authplat-auth-form-surface{backdrop-filter:blur(12px);background:color-mix(in oklab,var(--auth-surface) 92%,transparent);border:1px solid color-mix(in oklab,var(--auth-border) 85%,transparent);border-radius:1.25rem;box-shadow:0 1px 0 color-mix(in oklab,var(--auth-ink) 4%,transparent),0 24px 48px -12px color-mix(in oklab,var(--auth-ink) 8%,transparent);margin-left:auto;margin-right:auto;max-width:26rem;width:100%}.authplat-auth-form-surface__inner{padding:clamp(1.5rem,4vw,2.25rem)}.authplat-auth-tabs-list{background:color-mix(in oklab,var(--auth-bg) 65%,var(--auth-surface))!important;border:1px solid color-mix(in oklab,var(--auth-border) 90%,transparent);border-radius:.75rem;color:var(--auth-muted)!important;display:grid!important;gap:.25rem;grid-template-columns:1fr 1fr;height:auto!important;padding:.25rem!important;width:100%}.authplat-auth-tabs-trigger{border-radius:.5rem;font-weight:500;letter-spacing:-.01em}.authplat-auth-tabs-trigger[data-state=active]{background:var(--auth-surface)!important;box-shadow:0 1px 2px color-mix(in oklab,var(--auth-ink) 8%,transparent);color:var(--auth-ink)!important}.authplat-auth-shell .authplat-auth-form-surface{animation:authplat-auth-surface-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes authplat-auth-surface-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.authplat-auth-shell .authplat-auth-form-surface{animation:none}}.authplat-auth-callback-state{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;padding-block:clamp(1.5rem,4vw,2.5rem);text-align:center}.authplat-auth-callback-spinner{animation:authplat-callback-spin .85s linear infinite;border-radius:9999px;border:3px solid color-mix(in oklab,var(--auth-ink) 12%,transparent);border-top-color:var(--auth-ink);height:2.75rem;width:2.75rem;will-change:transform}@keyframes authplat-callback-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.authplat-auth-callback-spinner{animation:none;border-top-color:var(--auth-ink);opacity:.9}}