@layer components{.kl{--kl-bg:#04060c;--kl-ink:#e8f1ff;--kl-dim:#8ea3c2;--kl-line:#94c5ff1f;--kl-teal:#2dd4bf;--kl-cyan:#38bdf8;--kl-violet:#a78bfa;--kl-pink:#f472b6;--kl-amber:#fbbf24;background:var(--kl-bg);color:var(--kl-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}.kl ::selection{background:#2dd4bf59}.kl a{color:inherit}.kl-grid{background-image:linear-gradient(var(--kl-line) 1px, transparent 1px), linear-gradient(90deg, var(--kl-line) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}.kl-orb{filter:blur(90px);opacity:.55;pointer-events:none;border-radius:9999px;animation:18s ease-in-out infinite kl-float;position:absolute}@keyframes kl-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.08)}66%{transform:translate(-30px,25px)scale(.95)}}.kl-gradient-text{background:linear-gradient(100deg, #e8f1ff 10%, var(--kl-teal) 40%, var(--kl-cyan) 60%, var(--kl-violet) 85%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite kl-shine}@keyframes kl-shine{to{background-position:200%}}.kl-glass{-webkit-backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #94c5ff29;border-radius:20px}.kl-glow{box-shadow:0 0 0 1px #2dd4bf40,0 20px 80px -20px #2dd4bf59}.kl-btn{border-radius:9999px;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.kl-btn-primary{background:linear-gradient(100deg, var(--kl-teal), var(--kl-cyan));color:#03121a;box-shadow:0 10px 40px -10px #2dd4bfb3}.kl-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 50px -10px #38bdf8cc}.kl-btn-ghost{color:var(--kl-ink);border:1px solid #94c5ff4d}.kl-btn-ghost:hover{background:#ffffff0f}.kl-chip{letter-spacing:.02em;color:var(--kl-teal);background:#2dd4bf14;border:1px solid #2dd4bf59;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.kl-flow{stroke-dasharray:6 10;animation:1.6s linear infinite kl-dash}@keyframes kl-dash{to{stroke-dashoffset:-32px}}.kl-pulse{transform-origin:50%;transform-box:fill-box;animation:2.4s ease-out infinite kl-pulse}@keyframes kl-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.kl-blink{animation:1.2s steps(2,end) infinite kl-blink}@keyframes kl-blink{50%{opacity:0}}.kl-scan{background:linear-gradient(90deg, transparent, var(--kl-teal), transparent);height:2px;animation:3.2s ease-in-out infinite kl-scan;position:absolute;left:0;right:0}@keyframes kl-scan{0%{top:8%}50%{top:88%}to{top:8%}}.kl-marquee{gap:2.5rem;width:max-content;animation:60s linear infinite kl-marquee;display:flex}@keyframes kl-marquee{to{transform:translate(-50%)}}.kl-input{width:100%;color:var(--kl-ink);background:#04060c99;border:1px solid #94c5ff33;border-radius:12px;outline:none;padding:.75rem 1rem;font-size:.95rem}.kl-input:focus{border-color:var(--kl-teal);box-shadow:0 0 0 3px #2dd4bf33}.kl-input::placeholder{color:#5b6d88}.kl-feature-list{columns:1;column-gap:2rem}@media (min-width:768px){.kl-feature-list{columns:2}}@media (min-width:1280px){.kl-feature-list{columns:3}}.kl-feature-list li{break-inside:avoid}@media (prefers-reduced-motion:reduce){.kl *,.kl :before,.kl :after{transition:none!important;animation:none!important}}}
