/*! 
 * ChromaLine v1.1.0
 * Animated Gradient Border Buttons
 * (c) 2026 TECXTREME. All rights reserved.
 * License: Regular/Extended — CodeCanyon
 */
 @property --cl-angle{syntax:"<angle>";initial-value:0deg;inherits:true}@keyframes cl-spin{to{--cl-angle:360deg}}:root{--cl-angle:0deg;--cl-spin-duration:5s;animation:cl-spin var(--cl-spin-duration) linear infinite;--cl-c1:#06b6d4;--cl-c2:#8b5cf6;--cl-c3:#ec4899;--cl-c4:#f59e0b;--cl-gradient:conic-gradient(
    from var(--cl-angle),
    var(--cl-c1) 0%,
    var(--cl-c1) 20%,
    var(--cl-c2) 25%,
    var(--cl-c2) 45%,
    var(--cl-c3) 50%,
    var(--cl-c3) 70%,
    var(--cl-c4) 75%,
    var(--cl-c4) 95%,
    var(--cl-c1) 100%
  );--cl-border:1.5px;--cl-glow-blur:10px;--cl-glow-spread:-4px;--cl-glow-rest:0.45;--cl-glow-hover:0.75;--cl-bg:#131316;--cl-surface:#1c1c21;--cl-surface-hov:#26262c;--cl-text:#e8e8ec;--cl-text-dim:#9898a4;--cl-ring:rgba(255, 255, 255, 0.08)}.cl-aurora{--cl-c1:#06b6d4;--cl-c2:#8b5cf6;--cl-c3:#ec4899;--cl-c4:#f59e0b}.cl-ocean{--cl-c1:#0ea5e9;--cl-c2:#2dd4bf;--cl-c3:#0284c7;--cl-c4:#67e8f9}.cl-ember{--cl-c1:#ef4444;--cl-c2:#f97316;--cl-c3:#eab308;--cl-c4:#dc2626}.cl-neon{--cl-c1:#a855f7;--cl-c2:#ec4899;--cl-c3:#06b6d4;--cl-c4:#22d3ee}.cl-forest{--cl-c1:#22c55e;--cl-c2:#16a34a;--cl-c3:#a3e635;--cl-c4:#059669}.cl-spectrum{--cl-c1:#3b82f6;--cl-c2:#f43f5e;--cl-c3:#f59e0b;--cl-c4:#14b8a6}.cl-aurora,.cl-ocean,.cl-ember,.cl-neon,.cl-forest,.cl-spectrum{--cl-gradient:conic-gradient(
    from var(--cl-angle),
    var(--cl-c1) 0%,
    var(--cl-c1) 20%,
    var(--cl-c2) 25%,
    var(--cl-c2) 45%,
    var(--cl-c3) 50%,
    var(--cl-c3) 70%,
    var(--cl-c4) 75%,
    var(--cl-c4) 95%,
    var(--cl-c1) 100%
  )}.cl-dark,[data-cl-theme="dark"]{--cl-bg:#131316;--cl-surface:#1c1c21;--cl-surface-hov:#26262c;--cl-text:#e8e8ec;--cl-text-dim:#9898a4;--cl-ring:rgba(255, 255, 255, 0.08);--cl-glow-rest:0.45;--cl-glow-hover:0.75}.cl-light,[data-cl-theme="light"]{--cl-bg:#f7f7f8;--cl-surface:#ffffff;--cl-surface-hov:#f0f0f2;--cl-text:#1a1a1f;--cl-text-dim:#5c5c66;--cl-ring:rgba(0, 0, 0, 0.09);--cl-glow-rest:0.22;--cl-glow-hover:0.48}.cl-wrap{position:relative;display:inline-flex}.cl-glow{position:absolute;inset:var(--cl-glow-spread);border-radius:100px;background:var(--cl-gradient);filter:blur(var(--cl-glow-blur));opacity:var(--cl-glow-rest);pointer-events:none;transition:opacity 0.4s ease}.cl-wrap:hover .cl-glow{opacity:var(--cl-glow-hover)}.cl-pill{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 24px 11px 18px;font-size:14px;font-weight:500;font-family:inherit;color:var(--cl-text);background:var(--cl-surface);border:none;border-radius:100px;cursor:pointer;white-space:nowrap;text-decoration:none;z-index:0;transition:transform 0.15s ease}.cl-pill:active{transform:scale(.97)}.cl-pill::after{content:"";position:absolute;inset:calc(var(--cl-border) * -1);border-radius:100px;background:var(--cl-gradient);z-index:-2}.cl-pill::before{content:"";position:absolute;inset:0;border-radius:100px;background:var(--cl-surface);z-index:-1;transition:background 0.25s ease}.cl-pill:hover::before{background:var(--cl-surface-hov)}.cl-pill.cl-sm{padding:8px 16px 8px 12px;font-size:13px;gap:7px}.cl-pill.cl-lg{padding:14px 30px 14px 22px;font-size:16px;gap:11px}.cl-wrap.cl-dormant .cl-glow{opacity:0}.cl-wrap.cl-dormant:hover .cl-glow{opacity:var(--cl-glow-hover)}.cl-pill.cl-dormant{box-shadow:inset 0 0 0 1px var(--cl-ring)}.cl-pill.cl-dormant::after{opacity:0;transition:opacity 0.35s ease}.cl-pill.cl-dormant:hover{box-shadow:none}.cl-pill.cl-dormant:hover::after{opacity:1}.cl-wrap.cl-pulse .cl-glow{animation:cl-breathe 2.4s ease-in-out infinite}@keyframes cl-breathe{0%,100%{opacity:var(--cl-glow-rest)}50%{opacity:var(--cl-glow-hover)}}.cl-toggle-wrap{position:relative;display:inline-flex}.cl-toggle-wrap .cl-glow{opacity:0;transition:opacity 0.5s ease}.cl-toggle-wrap.cl-on .cl-glow{opacity:var(--cl-glow-rest)}.cl-toggle-wrap.cl-on:hover .cl-glow{opacity:var(--cl-glow-hover)}.cl-toggle{position:relative;display:inline-flex;align-items:center;border-radius:100px;background:var(--cl-surface);border:none;z-index:0;box-shadow:inset 0 0 0 1px var(--cl-ring);transition:box-shadow 0.4s ease}.cl-toggle::after{content:"";position:absolute;inset:calc(var(--cl-border) * -1);border-radius:100px;background:var(--cl-gradient);z-index:-2;opacity:0;transition:opacity 0.4s ease}.cl-toggle::before{content:"";position:absolute;inset:0;border-radius:100px;background:var(--cl-surface);z-index:-1}.cl-toggle.cl-on{box-shadow:none}.cl-toggle.cl-on::after{opacity:1}.cl-seg{display:flex;align-items:center;gap:7px;padding:10px 20px;border:none;background:#fff0;color:var(--cl-text-dim);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;border-radius:100px;transition:color 0.3s,background 0.3s;position:relative;z-index:1;text-decoration:none}.cl-seg.cl-on{color:var(--cl-text);background:rgb(128 128 128 / .08)}.cl-seg:hover:not(.cl-on){color:var(--cl-text)}.cl-icon{width:18px;height:18px;flex-shrink:0}.cl-icon-sm{width:16px;height:16px;flex-shrink:0}.cl-shimmer{animation:cl-shimmer 3s ease-in-out infinite}@keyframes cl-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 4px rgb(139 92 246 / .4))}}@media (prefers-reduced-motion:reduce){:root{animation:none}.cl-wrap.cl-pulse .cl-glow{animation:none}.cl-shimmer{animation:none}}