.okf-login-backdrop{z-index:40;background:radial-gradient(60rem 40rem at 15% 10%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 70%), radial-gradient(50rem 36rem at 90% 95%, color-mix(in oklab, var(--accent) 26%, transparent), transparent 70%), var(--background);position:fixed;inset:0}.okf-login-backdrop:after{content:"";background-image:linear-gradient(color-mix(in oklab, var(--border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--border) 55%, transparent) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.okf-login-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.okf-login-card{z-index:50;border:1px solid var(--border);width:calc(100% - 2rem);max-width:24rem;color:var(--card-foreground);background:color-mix(in oklab, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);box-shadow:0 24px 64px -24px color-mix(in oklab, var(--primary) 45%, transparent), 0 8px 24px -12px #00000059;border-radius:1rem;outline:none;padding:2rem 1.5rem 1.25rem;animation:.22s ease-out both okf-login-in;position:fixed;top:50%;left:50%;translate:-50% -50%}@media (min-width:640px){.okf-login-card{padding:2.25rem 2rem 1.5rem}}@keyframes okf-login-in{0%{opacity:0;translate:-50% calc(8px - 50%);scale:.98}}@media (prefers-reduced-motion:reduce){.okf-login-card{animation:none}}.okf-login-head{text-align:center;margin-bottom:1.5rem}.okf-login-logo{margin:0 auto 1rem;display:block}.okf-login-title{font-family:var(--okf-font-display,inherit);letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:1.5rem;font-weight:600}.okf-login-sub{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.875rem}.okf-login-form{gap:1rem;display:grid}.okf-login-field{gap:.375rem;display:grid}.okf-login-label{font-size:.875rem;font-weight:500}.okf-login-input{border:1px solid var(--input);width:100%;font:inherit;color:var(--foreground);background:var(--background);border-radius:.5rem;outline:none;padding:.55rem .75rem;font-size:.875rem;transition:box-shadow .12s,border-color .12s}.okf-login-input:focus-visible{border-color:var(--ring);box-shadow:var(--okf-focus-ring)}.okf-login-wide{width:100%;height:2.5rem}.okf-login-or{color:var(--muted-foreground);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.75rem;display:flex}.okf-login-or:before,.okf-login-or:after{content:"";background:var(--border);flex:1;height:1px}.okf-login-alert{border:1px solid var(--destructive);color:var(--foreground);border-left-width:4px;border-radius:.5rem;margin:1rem 0 0;padding:.5rem .75rem;font-size:.875rem}.okf-login-foot{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;display:flex}