.auth-page{width:100%;padding:2rem 1rem 3rem}.auth-card{border:1px solid var(--border);background:var(--card);width:100%;max-width:28rem;color:var(--card-foreground);border-radius:1.25rem;margin-inline-start:auto;margin-inline-end:auto;padding:1.5rem;animation:.26s ease-out both auth-enter;box-shadow:0 12px 40px #0000000f}.auth-brand{border-radius:.5rem;justify-content:center;align-items:center;height:3rem;margin-bottom:1rem;display:flex}.auth-brand img{object-fit:contain;width:12rem;height:3rem}.auth-panel{flex-direction:column;min-height:39rem;animation:.18s ease-out both auth-enter;display:flex}.auth-heading{min-height:4rem}.auth-label{font-size:.875rem;font-weight:500;display:block}.auth-input{border:1px solid color-mix(in oklab, var(--foreground) 35%, var(--card));background:var(--background);width:100%;height:3rem;color:var(--foreground);border-radius:.625rem;margin-top:.375rem;padding-inline-start:.875rem;padding-inline-end:.875rem;font-size:1rem;transition:border-color .16s,box-shadow .16s}.auth-input:focus-visible{outline:2px solid var(--foreground);outline-offset:2px;border-color:var(--foreground)}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-button{border-radius:.625rem;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s;position:relative}.auth-google{color:#1f1f1f;background:#fff;border:1px solid #747775;gap:.75rem;box-shadow:0 1px 2px #0000000f}.auth-google svg.auth-google-icon{width:1.25rem;height:1.25rem}.auth-google .auth-button-status{position:absolute;right:.875rem}.auth-google[aria-busy=true]{padding-inline-start:.75rem;padding-inline-end:2.75rem;font-size:.8125rem}.auth-primary{background:var(--foreground);color:var(--background);border:1px solid var(--foreground)}.auth-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.auth-button[aria-busy=true]{opacity:1}.auth-button-status{flex-shrink:0;justify-content:center;width:1rem;height:1rem;display:inline-flex}.auth-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.75s linear infinite auth-spin;display:inline-block}.auth-link{min-height:2.75rem;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--foreground) 35%, transparent);-webkit-text-decoration-color:color-mix(in oklab, var(--foreground) 35%, transparent);text-decoration-color:color-mix(in oklab, var(--foreground) 35%, transparent);text-underline-offset:4px;cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding-inline-start:.25rem;padding-inline-end:.25rem;font-weight:500;transition:text-decoration-color .16s;display:inline-flex}.auth-link:disabled{opacity:.6;cursor:not-allowed}.auth-button:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;box-shadow:none}.auth-link:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;box-shadow:none}.auth-brand:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;box-shadow:none}.auth-legal-link:focus-visible{outline:2px solid var(--foreground);outline-offset:3px;box-shadow:none}.auth-otp{border-radius:.625rem;margin-top:.625rem;display:block;position:relative}.auth-otp-input{z-index:1;border-radius:inherit;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;font-size:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.auth-otp-input::selection{background:0 0}.auth-otp-input:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.auth-otp-slots{pointer-events:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;display:grid}.auth-otp-slot{border:1px solid color-mix(in oklab, var(--foreground) 35%, var(--card));background:var(--background);height:3.25rem;color:var(--muted-foreground);font-variant-numeric:tabular-nums;border-radius:.5rem;place-items:center;font-size:1.5rem;transition:border-color .16s,background-color .16s;display:grid}.auth-otp-slot.is-filled{border-color:var(--foreground);color:var(--foreground);background:var(--muted)}.auth-otp:has(input:disabled){opacity:.6}.auth-feedback{min-height:5rem;margin-top:auto;padding-top:1rem}.auth-message{border:1px solid var(--border);background:var(--muted);overflow-wrap:anywhere;border-radius:.625rem;padding:.75rem;font-size:.8125rem;line-height:1.5;animation:.18s ease-out both auth-enter}.auth-message-error{border-color:color-mix(in oklab, var(--destructive) 55%, var(--card));background:color-mix(in oklab, var(--destructive) 8%, var(--card))}.dark .auth-google{color:#e3e3e3;background:#131314;border-color:#8e918f}@media (hover:hover){.auth-google:hover:not(:disabled){color:#1f1f1f;background:#f2f3f5;border-color:#1f1f1f;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.dark .auth-google:hover:not(:disabled){color:#e3e3e3;background:#242428;border-color:#e3e3e3}.auth-primary:hover:not(:disabled){background:color-mix(in oklab, var(--foreground) 90%, var(--background));transform:translateY(-1px)}.auth-link:hover:not(:disabled){text-decoration-color:currentColor}}.auth-button:active:not(:disabled){box-shadow:none;transform:scale(.99)}@media (min-width:640px){.auth-page{padding-top:3rem}.auth-card{padding:2rem}}@keyframes auth-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-panel,.auth-message,.auth-spinner{animation:none}.auth-card *,.auth-card :before,.auth-card :after{scroll-behavior:auto;transition:none!important}.auth-button:hover:not(:disabled),.auth-button:active:not(:disabled){transform:none}}@media (forced-colors:active){.auth-otp-input{color:canvastext;caret-color:canvastext;border:1px solid buttontext;height:3.25rem;position:static}.auth-otp-slots{display:none}}@media (max-width:767px){.auth-page{padding:1rem .75rem 2rem}.auth-card{padding:1rem}.auth-panel,.auth-heading{min-height:0}}
