.klogin-root{--kl-bg:#0f0f13;--kl-panel:#15151c;--kl-border:#ffffff14;--kl-text:#f4f4f6;--kl-muted:#9a9aa8;--kl-blue:#2b4ee6;--kl-blue-soft:#2b4ee629;background:var(--kl-bg);min-height:100dvh;color:var(--kl-text);place-items:center;padding:24px;font-family:DM Sans,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.klogin-root:before{content:"";pointer-events:none;background:radial-gradient(circle,#2b4ee638,#0000 62%);border-radius:50%;width:780px;height:780px;animation:7s ease-in-out infinite klogin-breathe;position:absolute;top:-320px;right:-220px}.klogin-root:after{content:"";pointer-events:none;background:radial-gradient(circle,#2b4ee61f,#0000 60%);border-radius:50%;width:560px;height:560px;position:absolute;bottom:-260px;left:-180px}@keyframes klogin-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.klogin-card{z-index:1;background:var(--kl-panel);border:1px solid var(--kl-border);border-radius:20px;width:100%;max-width:420px;padding:40px 36px 32px;animation:.5s cubic-bezier(.22,1,.36,1) both klogin-rise;position:relative;box-shadow:0 24px 80px #0000008c}@keyframes klogin-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.klogin-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.klogin-bolt{background:var(--kl-blue);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 24px #2b4ee68c}.klogin-brand span{letter-spacing:.06em;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900}.klogin-h1{text-transform:uppercase;margin:0 0 6px;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:900;line-height:1.02}.klogin-h1 .blue{color:var(--kl-blue)}.klogin-sub{color:var(--kl-muted);margin:0 0 26px;font-size:14.5px;line-height:1.5}.klogin-field{margin-bottom:14px}.klogin-label{letter-spacing:.08em;text-transform:uppercase;color:var(--kl-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.klogin-input{border:1px solid var(--kl-border);width:100%;color:var(--kl-text);font:inherit;background:#0c0c11;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.klogin-input:focus{border-color:var(--kl-blue);box-shadow:0 0 0 3px var(--kl-blue-soft)}.klogin-btn{width:100%;font:inherit;cursor:pointer;border:0;border-radius:10px;margin-top:6px;padding:13px 16px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .15s,background .15s}.klogin-btn:disabled{opacity:.6;cursor:wait}.klogin-btn-primary{background:var(--kl-blue);color:#fff;box-shadow:0 8px 28px #2b4ee659}.klogin-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 34px #2b4ee680}.klogin-btn-ghost{color:var(--kl-muted);border:1px solid var(--kl-border);background:0 0}.klogin-btn-ghost:hover:not(:disabled){color:var(--kl-text);border-color:#fff3}.klogin-divider{color:var(--kl-muted);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.klogin-divider:before,.klogin-divider:after{content:"";background:var(--kl-border);flex:1;height:1px}.klogin-msg{border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13.5px;line-height:1.45}.klogin-msg-error{color:#f2b8b8;background:#e650501a;border:1px solid #e650504d}.klogin-msg-ok{background:var(--kl-blue-soft);color:#b9c6ff;border:1px solid #2b4ee666}.klogin-demo{border-top:1px solid var(--kl-border);text-align:center;margin-top:20px;padding-top:18px}.klogin-demo p{color:var(--kl-muted);margin:0 0 10px;font-size:12.5px}.klogin-back{text-align:center;color:var(--kl-muted);margin-top:18px;font-size:13px;text-decoration:none;transition:color .15s;display:block}.klogin-back:hover{color:var(--kl-text)}.klogin-shell{z-index:1;border:1px solid var(--kl-border);border-radius:24px;grid-template-columns:1fr 1fr;width:100%;max-width:1000px;animation:.5s cubic-bezier(.22,1,.36,1) both klogin-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000008c}.klogin-showcase{background:#2b4ee6 radial-gradient(65% 65%,#ffffff1a 0%,#0000 70%);justify-content:center;align-items:center;padding:48px 32px;display:flex;overflow:hidden}.klogin-formside{background:var(--kl-panel);justify-content:center;align-items:center;padding:40px 36px;display:flex}.klogin-card-flat{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;animation:none}@media (max-width:860px){.klogin-root{padding:16px}.klogin-shell{grid-template-columns:1fr;max-width:460px}.klogin-showcase{padding:32px 24px 28px}.klogin-formside{padding:30px 26px 26px}}.kla-wrap{flex-direction:column;align-items:center;gap:clamp(14px,2vw,24px);width:100%;display:flex}.kla-wrap canvas{will-change:transform;flex-shrink:0;width:clamp(100px,11vw,160px);height:auto;display:block}@keyframes kla-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.kla-float{animation:4.5s cubic-bezier(.45,0,.55,1) infinite kla-float}.kla-carousel{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;overflow:hidden}.kla-carousel p{text-transform:uppercase;letter-spacing:-.01em;color:#f5f5f7eb;text-align:center;will-change:transform, opacity;width:100%;height:2em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(22px,2.4vw,32px);font-weight:900;line-height:1;overflow:hidden}.kla-dots{justify-content:center;gap:8px;display:flex}.kla-dot{background:#ffffff40;border-radius:50%;width:5px;height:5px;transition:background .35s,transform .35s cubic-bezier(.16,1,.3,1)}.kla-dot.active{background:#fff;transform:scale(1.5)}.klogin-btn-google{color:#1a1a1a;background:#fff;justify-content:center;align-items:center;gap:10px;margin-top:0;display:flex}.klogin-btn-google:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px #00000059}.klogin-btn-magic{margin-top:12px}.klogin-alt{text-align:center;color:var(--kl-muted);margin:18px 0 0;font-size:13.5px}.klogin-alt a{color:var(--kl-blue);font-weight:700;text-decoration:none}.klogin-alt a:hover{text-decoration:underline}