.clones-scope{--bg-0:#05060a;--bg-1:#0a0c14;--bg-2:#11141e;--bg-3:#1a1f2d;--fg-0:#fff;--fg-1:#e8eaf0;--fg-2:#9ca3b5;--fg-3:#5b6376;--line-1:#ffffff14;--line-2:#ffffff29;--line-3:#ffffff47;--cyan:#22d3ee;--cyan-2:#0ea5e9;--magenta:#e879f9;--magenta-2:#c026d3;--lime:#bef264;--orange:#fb923c;--amber:#fbbf24;--grad-1:linear-gradient(135deg, #22d3ee 0%, #e879f9 100%);--grad-1-soft:linear-gradient(135deg, #22d3ee2e 0%, #e879f92e 100%);--grad-2:linear-gradient(120deg, #bef264 0%, #22d3ee 50%, #e879f9 100%);--grad-mesh:radial-gradient(at 20% 10%, #22d3ee66 0px, transparent 50%), radial-gradient(at 80% 30%, #e879f959 0px, transparent 50%), radial-gradient(at 40% 80%, #bef26440 0px, transparent 50%);background:var(--bg-0);color:var(--fg-1);font-family:var(--font-sans), system-ui, -apple-system, sans-serif;min-height:100vh}.clones-scope .text-gradient{background:var(--grad-1);color:#0000;-webkit-background-clip:text;background-clip:text}.clones-scope .text-gradient-rainbow{background:var(--grad-2);color:#0000;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite rainbow-shift}.clones-scope .surface{background:var(--bg-1);border:1px solid var(--line-1);border-radius:16px}.clones-scope .surface-hover{transition:border-color .2s,background .2s,transform .2s}.clones-scope .surface-hover:hover{border-color:var(--line-2);background:var(--bg-2)}.clones-scope .glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-1);background:#ffffff08;border-radius:16px}.clones-scope .glass-strong{-webkit-backdrop-filter:blur(28px);border:1px solid var(--line-2);background:#ffffff0f;border-radius:16px}.clones-scope .dot-grid{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:28px 28px}.clones-scope .grain{opacity:.06;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.clones-scope .btn-primary{background:var(--grad-1);color:#050810;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px -8px #22d3ee80}.clones-scope .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 48px -8px #e879f980}.clones-scope .btn-ghost{color:var(--fg-1);border:1px solid var(--line-2);cursor:pointer;background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.clones-scope .btn-ghost:hover{border-color:var(--line-3);background:#ffffff14}.clones-scope .chip{letter-spacing:.06em;text-transform:uppercase;background:var(--grad-1-soft);color:var(--cyan);border:1px solid #22d3ee4d;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;display:inline-flex}.clones-scope .border-grad{background:var(--bg-1);background-image:var(--grad-1);border-radius:16px;padding:1px;position:relative}.clones-scope .border-grad>.inner{background:var(--bg-1);border-radius:15px;padding:1.25rem}.clones-scope .mesh-blob{filter:blur(90px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}@keyframes rainbow-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #22d3ee66}50%{box-shadow:0 0 0 12px #22d3ee00}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scan{0%{opacity:0;transform:translateY(0%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100%)}}.clones-scope .anim-glow{animation:2.4s ease-in-out infinite glow-pulse}.clones-scope .anim-float{animation:5s ease-in-out infinite float-y}.clones-scope .scan-line{pointer-events:none;position:absolute;inset:0;overflow:hidden}.clones-scope .scan-line:after{content:"";background:linear-gradient(#0000,#22d3ee2e,#0000);height:30%;animation:3.5s ease-in-out infinite scan;position:absolute;inset:-10% 0 auto}@media (prefers-reduced-motion:reduce){.clones-scope .anim-glow,.clones-scope .anim-float,.clones-scope .scan-line:after,.clones-scope .text-gradient-rainbow{animation:none}}