.klay-login{--kl-surface:#f6d3d3;--kl-hi:#fff1f1;--kl-lo:#d6a5a6;--kl-ink:#3a0d12;--kl-muted:#7a2e36;--kl-accent:#b3122a;--kl-accent-2:#e0384f;--kl-glow:#b3122a59;--kl-line:#3a0d1224;--kl-convex:linear-gradient(145deg, #ffdfdf, #e8bcbd);--kl-up:-14px -14px 30px var(--kl-hi), 14px 14px 30px var(--kl-lo);--kl-up-sm:-6px -6px 14px var(--kl-hi), 6px 6px 14px var(--kl-lo);--kl-down-sm:inset 4px 4px 9px var(--kl-lo), inset -4px -4px 9px var(--kl-hi);--kl-display:"Outfit", ui-rounded, system-ui, sans-serif;--kl-serif:"Instrument Serif", Georgia, serif;--kl-body:"Figtree", system-ui, -apple-system, sans-serif;--color-slate-400:#b9878b;--color-slate-500:#7a2e36;--color-slate-600:#7a2e36;--color-slate-700:#4e1a20;--color-slate-900:#3a0d12;--color-gray-500:#7a2e36;--color-gray-600:#7a2e36;--color-gray-900:#3a0d12;--muted-foreground:355 45% 33%;--foreground:353 64% 14%;--ring:351 82% 39%;background:var(--kl-surface);min-height:100vh;color:var(--kl-ink);font-family:var(--kl-body)}.klay-login .kl-stage{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative;overflow:hidden}.klay-login .kl-stage:before,.klay-login .kl-stage:after{content:"";filter:blur(80px);pointer-events:none;border-radius:50%;width:520px;height:520px;position:absolute}.klay-login .kl-stage:before{background:#e0384f38;top:-220px;left:-200px}.klay-login .kl-stage:after{background:#fff1f1e6;bottom:-240px;right:-200px}.klay-login .kl-card{z-index:1;background-color:var(--kl-surface);background-image:var(--kl-convex);width:100%;max-width:440px;box-shadow:var(--kl-up);border-radius:34px;padding:36px 34px 30px;position:relative}@media (width<=480px){.klay-login .kl-card{border-radius:28px;padding:28px 20px 24px}}.klay-login .kl-brand img{box-shadow:var(--kl-up-sm);border-radius:18px}.klay-login .kl-brand .font-serif{font-family:var(--kl-serif);color:var(--kl-ink);font-size:30px}.klay-login .kl-brand .kl-back{color:var(--kl-muted);font-size:13px;font-weight:600}.klay-login .kl-brand:hover .kl-back{color:var(--kl-accent)}.klay-login .kl-tagline{text-align:center;color:var(--kl-muted);margin:10px 0 22px;font-size:14px}.klay-login [role=tablist]{height:auto;box-shadow:var(--kl-down-sm);background:0 0;border-radius:9999px;padding:6px}.klay-login [role=tab]{height:40px;font-family:var(--kl-display);color:var(--kl-muted);box-shadow:none;background:0 0;border-radius:9999px;font-size:14.5px;font-weight:600}.klay-login [role=tab][data-state=active]{color:#fff;background:linear-gradient(145deg, var(--kl-accent-2), var(--kl-accent));box-shadow:0 6px 16px var(--kl-glow)}.klay-login label{color:var(--kl-ink);font-size:13.5px;font-weight:600}.klay-login input:not([type=checkbox]):not([type=radio]){height:48px;box-shadow:var(--kl-down-sm);color:var(--kl-ink);background:0 0;border:none;border-radius:14px;padding:0 16px;font-size:15px}.klay-login input::placeholder{color:#b9878b}.klay-login input:focus-visible{box-shadow:var(--kl-down-sm), 0 0 0 2px var(--kl-accent);outline:none}.klay-login button[type=submit]:not(.kl-plain){background:linear-gradient(145deg, var(--kl-accent-2), var(--kl-accent));color:#fff;height:50px;font-family:var(--kl-display);box-shadow:-5px -5px 12px var(--kl-hi), 6px 8px 18px var(--kl-glow);border:none;border-radius:16px;font-size:15.5px;font-weight:700}.klay-login button[type=submit]:not(.kl-plain):hover{filter:brightness(1.06)}.klay-login button[type=submit]:not(.kl-plain):active{box-shadow:inset 3px 3px 8px #3a0d1259}.klay-login button.text-xs,.klay-login a.kl-link{color:var(--kl-muted);font-weight:600}.klay-login button.text-xs:hover{color:var(--kl-accent)}.klay-login .kl-social .border-t{border-color:var(--kl-line)}.klay-login .kl-social span.uppercase,.klay-login .kl-social .uppercase span{color:var(--kl-muted);letter-spacing:.08em;font-weight:700}.klay-login .kl-social button[type=button]{background-color:var(--kl-surface);background-image:var(--kl-convex);height:46px;box-shadow:var(--kl-up-sm);color:var(--kl-ink);border:none;border-radius:14px;font-weight:600}.klay-login .kl-social button[type=button]:hover{color:var(--kl-accent);box-shadow:-8px -8px 18px var(--kl-hi), 8px 8px 18px var(--kl-lo)}.klay-login .kl-social button[type=button] svg{color:var(--kl-accent)}.klay-login .bg-green-100{box-shadow:var(--kl-up-sm);background:0 0}