.toolkits-root{--bg:#050510;--bg-2:#0a0a1a;--ink:#fff;--muted:#ffffffa6;--dim:#fff6;--line:#ffffff14;--line-strong:#ffffff26;--violet:#a78bfa;--indigo:#818cf8;--cyan:#22d3ee;--emerald:#34d399;font-family:var(--font-inter), "Inter", system-ui, sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.toolkits-root .mono{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace}.toolkits-root .mesh-bg{z-index:0;filter:blur(40px);pointer-events:none;background:radial-gradient(50% 50% at 15% 20%,#6366f159,#0000 60%),radial-gradient(40% 50% at 85% 30%,#8b5cf659,#0000 65%),radial-gradient(50% 40% at 75% 85%,#22d3ee38,#0000 70%),radial-gradient(40% 50% at 20% 90%,#8b5cf633,#0000 70%);animation:22s ease-in-out infinite alternate tk-mesh-drift;position:fixed;inset:0}@keyframes tk-mesh-drift{0%{transform:translate(0)scale(1)}to{transform:translate(3%,-3%)scale(1.06)}}.toolkits-root>main{z-index:1;position:relative}.toolkits-root .grad-text{background:linear-gradient(135deg,#a78bfa 0%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.toolkits-root .grad-text-warm{background:linear-gradient(135deg,#fbbf24 0%,#f472b6 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.toolkits-root .glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);background:#ffffff08;transition:border-color .35s,box-shadow .35s,background .35s}.toolkits-root .glass-hover:hover{background:#ffffff0d;border-color:#a78bfa66;box-shadow:0 0 50px #6366f12e,inset 0 0 0 1px #a78bfa33}.toolkits-root .grad-border{background:var(--bg-2);border-radius:16px;position:relative}.toolkits-root .grad-border:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.4;background:linear-gradient(135deg,#a78bfa80,#22d3ee80,#6366f11a);border-radius:16px;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.toolkits-root .grad-border:hover:before{opacity:1}.toolkits-root .btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#22d3ee 100%);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 8px 28px #8b5cf659}.toolkits-root .btn-primary:after{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);transition:opacity .25s;position:absolute;inset:0}.toolkits-root .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 38px #8b5cf68c}.toolkits-root .btn-primary:hover:after{opacity:1}.toolkits-root .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff26;transition:all .25s}.toolkits-root .btn-ghost:hover{background:#ffffff14;border-color:#a78bfa66}.toolkits-root .pulse-dot{position:relative}.toolkits-root .pulse-dot:after{content:"";opacity:.3;background:currentColor;border-radius:999px;animation:2s ease-out infinite tk-pulse;position:absolute;inset:-4px}@keyframes tk-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.toolkits-root .grid-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px}.toolkits-root .code-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-strong);background:#0a0a14d9;border-radius:12px;box-shadow:0 30px 80px #00000080,0 0 80px #6366f126}@keyframes tk-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.toolkits-root .reveal{animation:.9s cubic-bezier(.16,1,.3,1) both tk-reveal}.toolkits-root .reveal-1{animation-delay:.1s}.toolkits-root .reveal-2{animation-delay:.25s}.toolkits-root .reveal-3{animation-delay:.4s}.toolkits-root .reveal-4{animation-delay:.55s}.toolkits-root .tier-glow{position:relative}.toolkits-root .tier-glow:after{content:"";filter:blur(40px);z-index:-1;opacity:.7;background:radial-gradient(#8b5cf659,#0000 60%);position:absolute;inset:-30%}