.auth-shell{--auth-panel-max:27.5rem;isolation:isolate;background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 55%), radial-gradient(70% 50% at 100% 100%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 50%), radial-gradient(60% 40% at 0% 80%, color-mix(in oklch, var(--foreground) 4%, transparent), transparent 45%), var(--background);min-height:100svh;color:var(--foreground);font-family:var(--font-brand);position:relative;overflow:hidden}.auth-shell:before{content:"";z-index:0;pointer-events:none;opacity:.35;background-image:linear-gradient(to right, color-mix(in oklch, var(--foreground) 4%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--foreground) 4%, transparent) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.auth-shell__content{z-index:1;position:relative}.auth-panel{width:100%;max-width:var(--auth-panel-max);flex-direction:column;align-items:stretch;gap:1.25rem;animation:.52s cubic-bezier(.22,1,.36,1) both auth-rise;display:flex}.auth-card{border:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 4.5%, transparent), transparent 42%), color-mix(in oklch, var(--background) 78%, transparent);box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 6%, transparent) inset, 0 18px 48px -28px color-mix(in oklch, var(--foreground) 28%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);border-radius:1.35rem;flex-direction:column;gap:1.75rem;padding:clamp(1.75rem,4vw,2.35rem);display:flex}.dark .auth-card{border-color:color-mix(in oklch, var(--foreground) 12%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--foreground) 7%, transparent), transparent 48%), color-mix(in oklch, var(--card) 72%, transparent);box-shadow:0 1px 0 color-mix(in oklch, var(--foreground) 8%, transparent) inset, 0 22px 56px -30px oklch(0% none none/.55)}.auth-card__brand{text-align:center;border-bottom:1px solid color-mix(in oklch, var(--foreground) 7%, transparent);flex-direction:column;align-items:center;gap:1rem;padding-bottom:.35rem;display:flex}.auth-card__brand a{transition:opacity .2s,transform .2s}.auth-card__brand a:hover{opacity:.88;transform:translateY(-1px)}.auth-card__title{letter-spacing:-.03em;color:var(--foreground);margin:0;padding-bottom:.15rem;font-size:clamp(1.35rem,2.4vw,1.65rem);font-weight:600;line-height:1.2}.auth-card__body{flex-direction:column;gap:1.25rem;display:flex}.auth-card__footer{text-align:center;border-top:1px solid color-mix(in oklch, var(--foreground) 7%, transparent);margin-top:-.15rem;padding-top:1rem}.auth-field{border-color:color-mix(in oklch, var(--foreground) 12%, transparent);background:color-mix(in oklch, var(--background) 88%, transparent);border-radius:.85rem;height:2.75rem;padding-inline:.95rem;font-size:.9375rem;transition:border-color .18s,background-color .18s,box-shadow .18s}.auth-field:hover:not(:disabled){border-color:color-mix(in oklch, var(--foreground) 18%, transparent);background:color-mix(in oklch, var(--background) 96%, transparent)}.auth-field:focus-visible{border-color:color-mix(in oklch, var(--primary) 55%, var(--border));background:var(--background);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 18%, transparent)}.dark .auth-field{border-color:color-mix(in oklch, var(--foreground) 14%, transparent);background:oklch(0% none none/.28)}.dark .auth-field:hover:not(:disabled){border-color:color-mix(in oklch, var(--foreground) 22%, transparent);background:oklch(0% none none/.36)}.dark .auth-field:focus-visible{background:oklch(0% none none/.42)}.auth-submit{letter-spacing:-.01em;border-radius:.85rem;height:2.85rem;font-size:.95rem;font-weight:600;transition:transform .16s,filter .16s,opacity .16s}.auth-submit:hover:not(:disabled){filter:brightness(1.04)}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-social{border-color:color-mix(in oklch, var(--border) 85%, transparent);background:color-mix(in oklch, var(--foreground) 2.5%, transparent);border-radius:.85rem;height:2.85rem;font-size:.95rem;font-weight:500;transition:background-color .16s,border-color .16s,transform .16s}.auth-social:hover:not(:disabled){background:color-mix(in oklch, var(--foreground) 5%, transparent);border-color:color-mix(in oklch, var(--foreground) 18%, transparent)}.auth-social:active:not(:disabled){transform:translateY(1px)}.auth-divider{gap:0}.auth-divider__line{border-color:color-mix(in oklch, var(--border) 70%, transparent)}.auth-divider__text{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--muted-foreground) 90%, transparent);margin-inline:1rem;font-size:.75rem}.auth-legal{text-align:center;text-wrap:balance;max-width:22rem;color:var(--muted-foreground);margin-inline:auto;padding-inline:.75rem;font-size:.75rem;line-height:1.55;animation:.64s cubic-bezier(.22,1,.36,1) 80ms both auth-rise}.auth-legal a{color:color-mix(in oklch, var(--foreground) 75%, var(--muted-foreground));text-underline-offset:3px;text-decoration:underline;transition:color .16s}.auth-legal a:hover{color:var(--primary)}.auth-back{border-color:color-mix(in oklch, var(--border) 70%, transparent);background:color-mix(in oklch, var(--background) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .16s,border-color .16s,transform .16s}.auth-back:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent);border-color:color-mix(in oklch, var(--foreground) 16%, transparent)}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-panel,.auth-legal{animation:none}.auth-card__brand a,.auth-submit,.auth-social,.auth-back{transition:none}}