.oidc-page{min-height:100svh;color:var(--foreground);background:radial-gradient(ellipse at 15% 12%, color-mix(in oklch, var(--brand-green) 9%, transparent), transparent 46%), radial-gradient(ellipse at 86% 88%, color-mix(in oklch, var(--brand-blue) 7%, transparent), transparent 46%), var(--background);justify-content:center;align-items:center;padding:32px 16px;display:flex}.oidc-page-inner{width:100%;min-width:0;max-width:448px}.oidc-surface{--oidc-wash-green:9%;--oidc-wash-blue:6%;color:var(--card-foreground);background:linear-gradient(135deg, color-mix(in oklch, var(--brand-green) var(--oidc-wash-green), transparent), transparent 32%, transparent 65%, color-mix(in oklch, var(--brand-blue) var(--oidc-wash-blue), transparent)), var(--card);border:1px solid var(--border);box-shadow:0 24px 70px -28px color-mix(in oklch, var(--foreground) 18%, transparent);overflow-wrap:anywhere;border-radius:20px}.oidc-page-card{gap:24px;padding:32px}.oidc-dialog{gap:24px;width:calc(100% - 32px);max-width:448px;max-height:calc(100svh - 32px);padding:32px;overflow-y:auto}.oidc-brand-mark{place-items:center;width:48px;height:48px;margin:0 auto 4px;display:grid;position:relative}.oidc-brand-mark path{fill:var(--oidc-logo-fill)}.oidc-brand-footer{color:var(--muted-foreground);justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:12px;display:flex}.oidc-brand-footer>span{background:linear-gradient(135deg, var(--brand-green), var(--brand-blue));border-radius:50%;width:6px;height:6px}.oidc-feedback{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;line-height:1.7;display:flex}.oidc-feedback-error{border-color:color-mix(in oklch, var(--destructive) 25%, var(--border));background:color-mix(in oklch, var(--destructive) 5%, var(--card));color:color-mix(in oklch, var(--destructive), var(--foreground) 20%);align-items:flex-start}.oidc-actions{flex-direction:column;gap:12px;display:flex}.oidc-actions [data-slot=button]{white-space:normal;border-radius:12px;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:15px}.oidc-actions [data-variant=default]{background:linear-gradient(105deg, color-mix(in oklch, var(--brand-green), var(--brand-blue) 65%), var(--brand-blue))}.oidc-actions [data-variant=default]:hover{filter:brightness(1.08)}.dark .oidc-surface{--oidc-wash-green:5%;--oidc-wash-blue:8%;box-shadow:0 24px 70px -28px color-mix(in oklch, var(--background) 85%, transparent)}.dark .oidc-feedback-error{background:color-mix(in oklch, var(--destructive) 8%, var(--card))}@media (max-width:480px){.oidc-page{padding:24px 16px}.oidc-page-card,.oidc-dialog{border-radius:16px;padding:28px 22px}}@media (prefers-reduced-motion:reduce){.oidc-surface,.oidc-surface *,.oidc-surface :before,.oidc-surface :after{transition:none!important;animation:none!important}}