:root{--background:oklch(0.98 0.02 240);--surface:oklch(0.96 0.02 240);--text:oklch(0.27 0.02 240);--foreground:var(--text);--primary:oklch(0.58 0.14 272);--accent:oklch(0.68 0.12 278);--teal:oklch(0.72 0.10 268);--muted:color-mix(in oklch,var(--surface) 80%,var(--background));--border:color-mix(in oklch,var(--surface) 88%,var(--text));--input:var(--border);--secondary:color-mix(in oklch,var(--primary) 10%,var(--surface));--primary-foreground:oklch(1 0 0);--accent-foreground:var(--text);--secondary-foreground:var(--text);--muted-foreground:oklch(0.48 0.02 240);--card:var(--background);--card-foreground:var(--text);--popover:var(--background);--popover-foreground:var(--text);--icon:var(--text);--icon-muted:var(--muted-foreground);--icon-on-primary:var(--primary-foreground);--icon-on-accent:var(--accent-foreground);--destructive:oklch(0.55 0.15 22);--destructive-foreground:oklch(1 0 0);--success:oklch(0.45 0.17 145);--success-foreground:oklch(1 0 0);--warning:oklch(0.75 0.15 85);--warning-foreground:oklch(0.20 0.02 85);--info:oklch(0.70 0.14 240);--info-foreground:oklch(1 0 0);--purple-50:oklch(0.98 0.01 275);--purple-100:oklch(0.95 0.03 275);--purple-200:oklch(0.90 0.06 272);--purple-300:oklch(0.82 0.10 272);--purple-400:oklch(0.72 0.13 272);--purple-500:oklch(0.58 0.14 272);--purple-600:oklch(0.50 0.15 270);--purple-700:oklch(0.42 0.14 268);--purple-800:oklch(0.34 0.12 268);--purple-900:oklch(0.26 0.10 270);--blue-50:oklch(0.98 0.01 260);--blue-100:oklch(0.95 0.03 260);--blue-200:oklch(0.88 0.06 262);--blue-300:oklch(0.78 0.09 264);--blue-400:oklch(0.68 0.12 266);--blue-500:oklch(0.58 0.13 268);--blue-600:oklch(0.48 0.14 270);--blue-700:oklch(0.40 0.13 272);--blue-800:oklch(0.32 0.11 274);--blue-900:oklch(0.24 0.09 275);--cyan-50:oklch(0.98 0.01 275);--cyan-100:oklch(0.95 0.03 275);--cyan-200:oklch(0.88 0.07 276);--cyan-300:oklch(0.83 0.09 278);--cyan-400:oklch(0.78 0.11 280);--cyan-500:oklch(0.68 0.12 278);--cyan-600:oklch(0.58 0.13 280);--cyan-700:oklch(0.48 0.12 282);--cyan-800:oklch(0.38 0.10 284);--cyan-900:oklch(0.28 0.08 286);--pink-50:oklch(0.98 0.02 330);--pink-100:oklch(0.95 0.04 330);--pink-200:oklch(0.88 0.06 330);--pink-300:oklch(0.78 0.08 330);--pink-400:oklch(0.68 0.10 330);--pink-500:oklch(0.58 0.12 330);--pink-600:oklch(0.48 0.14 330);--pink-700:oklch(0.40 0.12 330);--pink-800:oklch(0.35 0.10 330);--pink-900:oklch(0.28 0.08 330);--color-brand-primary:var(--primary);--color-brand-secondary:var(--purple-600);--color-brand-accent:var(--accent);--color-brand-cool:var(--cyan-600);--color-hover:color-mix(in oklch,var(--primary) 85%,#000);--color-active:color-mix(in oklch,var(--primary) 75%,#000);--color-focus:var(--primary);--glass-bg:color-mix(in oklch,var(--background) 70%,transparent);--glass-bg-strong:color-mix(in oklch,var(--background) 85%,transparent);--glass-border:color-mix(in oklch,var(--foreground) 12%,transparent);--glass-border-strong:color-mix(in oklch,var(--foreground) 18%,transparent);--glass-shadow:0 8px 32px 0 oklch(0 0 0/0.08);--glass-shadow-strong:0 12px 48px 0 oklch(0 0 0/0.12);--texture-noise:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E");--bg-gradient-hero:linear-gradient(135deg,oklch(0.92 0.03 268),oklch(0.86 0.06 275) 38%,oklch(0.84 0.08 280) 72%,oklch(0.90 0.04 272));--bg-mesh-hero:radial-gradient(60vmax 60vmax at 10% 20%,oklch(0.94 0.03 275/0.25),transparent 60%),radial-gradient(50vmax 50vmax at 80% 0%,oklch(0.92 0.04 270/0.25),transparent 60%),radial-gradient(40vmax 40vmax at 50% 90%,oklch(0.95 0.03 268/0.25),transparent 60%);--mesh-hero-1:radial-gradient(at 20% 30%,oklch(0.58 0.14 272/0.20) 0px,transparent 50%);--mesh-hero-2:radial-gradient(at 80% 20%,oklch(0.68 0.12 278/0.20) 0px,transparent 50%);--mesh-hero-3:radial-gradient(at 70% 70%,oklch(0.72 0.10 268/0.20) 0px,transparent 50%);--mesh-hero-4:radial-gradient(at 30% 80%,oklch(0.58 0.13 268/0.20) 0px,transparent 50%);--mesh-stats-1:radial-gradient(circle at 30% 50%,oklch(0.58 0.14 272/0.15) 0px,transparent 40%);--mesh-stats-2:radial-gradient(circle at 70% 50%,oklch(0.68 0.12 278/0.15) 0px,transparent 40%);--mesh-card:linear-gradient(135deg,oklch(0.58 0.14 272),oklch(0.68 0.12 278) 50%,oklch(0.72 0.10 268));--metal-base:oklch(0.82 0.01 240);--metal-tint:oklch(0.92 0.01 240);--metal-shade:oklch(0.60 0.02 240);--metal-spec:oklch(0.98 0.00 0);--metal-edge:oklch(0.70 0.01 240);--metal-line:oklch(0.55 0.02 240)}.dark{--background:oklch(0.16 0.02 240);--surface:oklch(0.22 0.02 240);--text:oklch(0.92 0.02 240);--foreground:var(--text);--primary:oklch(0.72 0.16 272);--accent:oklch(0.76 0.13 278);--teal:oklch(0.78 0.11 268);--muted:color-mix(in oklch,var(--surface) 80%,var(--background));--border:color-mix(in oklch,var(--surface) 75%,var(--text));--secondary:color-mix(in oklch,var(--primary) 15%,var(--surface));--primary-foreground:oklch(0.98 0 0);--secondary-foreground:var(--text);--muted-foreground:oklch(0.70 0.02 240);--card:var(--surface);--card-foreground:var(--text);--popover:var(--surface);--popover-foreground:var(--text);--purple-50:oklch(0.26 0.10 270);--purple-100:oklch(0.34 0.12 268);--purple-200:oklch(0.42 0.14 268);--purple-300:oklch(0.50 0.15 270);--purple-400:oklch(0.58 0.14 272);--purple-500:oklch(0.72 0.16 272);--purple-600:oklch(0.78 0.15 274);--purple-700:oklch(0.84 0.13 275);--purple-800:oklch(0.88 0.11 276);--purple-900:oklch(0.94 0.08 277);--blue-50:oklch(0.24 0.09 275);--blue-100:oklch(0.32 0.11 274);--blue-200:oklch(0.40 0.13 272);--blue-300:oklch(0.48 0.14 270);--blue-400:oklch(0.58 0.13 268);--blue-500:oklch(0.68 0.13 266);--blue-600:oklch(0.74 0.12 264);--blue-700:oklch(0.82 0.10 262);--blue-800:oklch(0.88 0.08 260);--blue-900:oklch(0.95 0.05 260);--cyan-50:oklch(0.28 0.08 286);--cyan-100:oklch(0.38 0.10 284);--cyan-200:oklch(0.48 0.12 282);--cyan-300:oklch(0.58 0.13 280);--cyan-400:oklch(0.68 0.12 278);--cyan-500:oklch(0.76 0.13 278);--cyan-600:oklch(0.82 0.11 276);--cyan-700:oklch(0.88 0.09 275);--cyan-800:oklch(0.92 0.06 275);--cyan-900:oklch(0.95 0.04 275);--pink-50:oklch(0.28 0.08 330);--pink-100:oklch(0.35 0.10 330);--pink-200:oklch(0.40 0.12 330);--pink-300:oklch(0.48 0.14 330);--pink-400:oklch(0.58 0.12 330);--pink-500:oklch(0.68 0.12 330);--pink-600:oklch(0.74 0.10 330);--pink-700:oklch(0.82 0.08 330);--pink-800:oklch(0.88 0.06 330);--pink-900:oklch(0.95 0.04 330);--glass-bg:color-mix(in oklch,var(--background) 60%,transparent);--glass-bg-strong:color-mix(in oklch,var(--background) 80%,transparent);--glass-border:color-mix(in oklch,var(--foreground) 15%,transparent);--glass-border-strong:color-mix(in oklch,var(--foreground) 22%,transparent);--bg-gradient-hero:linear-gradient(135deg,oklch(0.20 0.05 268),oklch(0.24 0.07 275) 38%,oklch(0.22 0.09 278) 72%,oklch(0.18 0.05 272));--bg-mesh-hero:radial-gradient(60vmax 60vmax at 10% 20%,oklch(0.28 0.07 275/0.20),transparent 60%),radial-gradient(50vmax 50vmax at 80% 0%,oklch(0.26 0.08 270/0.20),transparent 60%),radial-gradient(40vmax 40vmax at 50% 90%,oklch(0.24 0.06 268/0.20),transparent 60%);--metal-base:oklch(0.38 0.01 240);--metal-tint:oklch(0.48 0.01 240);--metal-shade:oklch(0.25 0.02 240);--metal-spec:oklch(0.92 0.00 0);--metal-edge:oklch(0.35 0.01 240);--metal-line:oklch(0.30 0.02 240)}.glass{background:color-mix(in oklch,var(--card) 70%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid color-mix(in oklch,var(--border) 30%,transparent);box-shadow:var(--glass-shadow),inset 0 1px 0 0 color-mix(in oklch,var(--foreground) 5%,transparent)}.dark .glass{background:color-mix(in oklch,var(--card) 60%,transparent);border:1px solid color-mix(in oklch,var(--border) 25%,transparent)}.glass-strong{background:color-mix(in oklch,var(--card) 90%,transparent);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid color-mix(in oklch,var(--border) 50%,transparent);box-shadow:var(--glass-shadow-strong),inset 0 1px 0 0 color-mix(in oklch,var(--foreground) 8%,transparent)}.dark .glass-strong{background:color-mix(in oklch,var(--card) 85%,transparent)}.dark .glass-strong,.glass-hover{border:1px solid color-mix(in oklch,var(--border) 40%,transparent)}.glass-hover{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:var(--glass-shadow),inset 0 1px 0 0 color-mix(in oklch,var(--foreground) 5%,transparent);transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .glass-hover,.glass-hover{background:color-mix(in oklch,var(--card) 95%,transparent)}.dark .glass-hover{border:1px solid color-mix(in oklch,var(--border) 30%,transparent)}.glass-hover:hover{border-color:color-mix(in oklch,var(--border) 50%,transparent)}.dark .glass-hover:hover,.glass-hover:hover{background:color-mix(in oklch,var(--card) 98%,transparent);box-shadow:var(--glass-shadow-strong),inset 0 1px 0 0 color-mix(in oklch,var(--foreground) 8%,transparent)}.dark .glass-hover:hover{border-color:color-mix(in oklch,var(--border) 60%,transparent)}.u-metal{background:linear-gradient(135deg,var(--metal-shade) 0,var(--metal-base) 20%,var(--metal-tint) 40%,var(--metal-base) 60%,var(--metal-shade) 100%);overflow:hidden}.u-metal--brushed{background:linear-gradient(135deg,var(--metal-shade) 0,var(--metal-base) 50%,var(--metal-tint) 100%);overflow:hidden}.u-metal--brushed:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,var(--metal-spec) 1px,transparent 2px,transparent 4px);opacity:.1;pointer-events:none}.u-metal-edge{border:1px solid var(--metal-edge);box-shadow:inset 0 1px 0 0 var(--metal-spec),inset 0 -1px 0 0 var(--metal-shade)}.gradient-text-hero{filter:drop-shadow(0 2px 8px oklch(1 0 0/.2))}.dark .gradient-text-hero,.gradient-text-hero{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .gradient-text-hero{filter:drop-shadow(0 2px 8px oklch(0 0 0/.5))}.gradient-text-primary{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .gradient-text-stats,.gradient-text-stats{background:linear-gradient(135deg,var(--primary) 0,var(--accent) 50%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-gradient-primary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;background:var(--primary);color:var(--primary-foreground);border:1px solid color-mix(in oklch,var(--primary) 80%,#fff);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -2px oklch(.62 .19 272/.25),0 2px 6px -1px oklch(.62 .19 272/.15),inset 0 1px 0 oklch(1 0 0/.15);position:relative;overflow:hidden}.btn-gradient-primary:before,.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,oklch(1 0 0/.1) 50%,transparent);opacity:0;transition:opacity .3s ease}.btn-gradient-primary:hover,.btn-primary:hover{background:color-mix(in oklch,var(--primary) 85%,#000);transform:translateY(-2px);box-shadow:0 12px 32px -4px oklch(.62 .19 272/.4),0 4px 12px -2px oklch(.62 .19 272/.25),inset 0 1px 0 oklch(1 0 0/.2);border-color:color-mix(in oklch,var(--primary) 90%,#fff)}.btn-gradient-primary:hover:before,.btn-primary:hover:before{opacity:1}.btn-gradient-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;background:linear-gradient(135deg,var(--accent) 0,var(--teal) 100%);color:var(--primary-foreground);border:1px solid color-mix(in oklch,var(--accent) 70%,#fff);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -2px oklch(.7 .16 280/.25),0 2px 6px -1px oklch(.7 .16 280/.15),inset 0 1px 0 oklch(1 0 0/.15);position:relative;overflow:hidden}.btn-gradient-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,oklch(1 0 0/.1) 50%,transparent);opacity:0;transition:opacity .3s ease}.btn-gradient-secondary:hover{background:linear-gradient(135deg,color-mix(in oklch,var(--accent) 90%,#000) 0,color-mix(in oklch,var(--teal) 90%,#000) 100%);transform:translateY(-2px);box-shadow:0 12px 32px -4px oklch(.7 .16 280/.4),0 4px 12px -2px oklch(.7 .16 280/.25),inset 0 1px 0 oklch(1 0 0/.2);border-color:color-mix(in oklch,var(--accent) 85%,#fff)}.btn-gradient-secondary:hover:before{opacity:1}.bg-cta-gradient{background:linear-gradient(135deg,var(--primary) 0,color-mix(in oklch,var(--primary) 85%,var(--accent)) 50%,var(--accent) 100%)}.bg-cta-image-overlay{background:linear-gradient(135deg,oklch(.58 .14 272/.88),oklch(.56 .13 270/.85) 50%,oklch(.68 .12 278/.88))}.btn-cta-inverse{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:.5rem;font-weight:700;background:var(--background);color:var(--primary);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px -10px oklch(0 0 0/.3)}.btn-cta-inverse:hover{background:var(--surface);transform:translateY(-2px);box-shadow:0 20px 60px -10px oklch(0 0 0/.4)}.btn-cta-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:.5rem;font-weight:600;background:oklch(1 0 0/.1);backdrop-filter:blur(8px);color:var(--background);border:2px solid oklch(1 0 0/.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cta-outline:hover{background:oklch(1 0 0/.15);border-color:oklch(1 0 0/.5);transform:translateY(-2px)}.badge-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:oklch(1 0 0/.1);backdrop-filter:blur(4px) saturate(180%);border:1px solid oklch(1 0 0/.2);font-size:.875rem;font-weight:500}.card-gradient{background:var(--mesh-card);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.group:hover .card-gradient{opacity:.1}.bg-pricing-highlight-light{background:linear-gradient(135deg,oklch(.95 .04 265),oklch(.95 .04 330))}.dark .bg-pricing-highlight-light{background:linear-gradient(135deg,oklch(.25 .12 265/.2),oklch(.28 .08 330/.2))}.bg-pricing-badge{background:linear-gradient(90deg,var(--purple-600) 0,var(--cyan-600) 100%)}.bg-pricing-icon-highlight{background:linear-gradient(135deg,var(--purple-600) 0,var(--cyan-600) 100%)}.btn-pricing-highlight{background:linear-gradient(90deg,var(--purple-600) 0,var(--cyan-600) 100%);color:var(--background);font-weight:700;box-shadow:0 10px 40px -10px oklch(.62 .19 272/.35);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pricing-highlight:hover{background:linear-gradient(90deg,color-mix(in oklch,var(--purple-600) 90%,#000) 0,color-mix(in oklch,var(--cyan-600) 90%,#000) 100%);box-shadow:0 20px 60px -10px oklch(.62 .19 272/.4);transform:translateY(-2px)}.bg-hero-gradient{background:linear-gradient(135deg,var(--purple-300) 0,var(--cyan-200) 50%,var(--background) 100%)}.dark .bg-hero-gradient{background:linear-gradient(135deg,var(--purple-700) 0,var(--cyan-700) 50%,var(--background) 100%)}.bg-hero-mesh-purple{background:radial-gradient(circle at 10% 20%,var(--purple-300) 0,transparent 50%)}.dark .bg-hero-mesh-purple{background:radial-gradient(circle at 10% 20%,var(--purple-700) 0,transparent 50%)}.bg-hero-mesh-cyan{background:radial-gradient(circle at 90% 80%,var(--cyan-300) 0,transparent 50%)}.dark .bg-hero-mesh-cyan{background:radial-gradient(circle at 90% 80%,var(--cyan-700) 0,transparent 50%)}.btn-hero-primary{background:linear-gradient(90deg,var(--purple-600) 0,var(--cyan-600) 100%);color:var(--background);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-hero-primary:hover{background:linear-gradient(90deg,var(--purple-700) 0,var(--cyan-700) 100%);transform:translateY(-2px);box-shadow:0 10px 25px -5px oklch(.62 .19 272/.35)}.badge-hero{background:oklch(.62 .19 272/.2);color:var(--purple-700);border:1px solid oklch(.62 .19 272/.3)}.dark .badge-hero{background:oklch(.7 .22 272/.2);color:var(--purple-300);border:1px solid oklch(.7 .22 272/.3)}.glow-purple{box-shadow:0 0 20px oklch(.62 .19 272/.35)}.glow-blue{box-shadow:0 0 20px oklch(.58 .19 268/.35)}.glow-pink{box-shadow:0 0 20px oklch(.58 .12 330/.3)}.glow-cyan{box-shadow:0 0 20px oklch(.7 .16 280/.35)}.glow-primary{box-shadow:0 0 20px var(--primary)}.glow-hover{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.glow-hover:hover{box-shadow:0 0 30px oklch(.62 .19 272/.4)}.gradient-animated{background:linear-gradient(135deg,var(--purple-600) 0,var(--blue-600) 25%,var(--cyan-600) 50%,var(--blue-600) 75%,var(--purple-600) 100%);background-size:300% 300%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.overlay-safe{position:relative}.overlay-safe:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(0 0 0/.4),oklch(0 0 0/.6));pointer-events:none}.dark .overlay-safe:before{background:linear-gradient(180deg,oklch(0 0 0/.5),oklch(0 0 0/.7))}.bg-hero{background:var(--bg-gradient-hero)}.bg-mesh{background:var(--bg-mesh-hero),var(--background)}.bg-surface{background:var(--surface)}.metal-text{background:linear-gradient(180deg,var(--metal-tint) 0,var(--metal-base) 50%,var(--metal-shade) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 2px color-mix(in oklch,var(--metal-shade) 30%,transparent)}.dark .metal-text{background:linear-gradient(180deg,var(--metal-spec) 0,var(--metal-tint) 50%,var(--metal-base) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metal-btn{position:relative;background:linear-gradient(135deg,var(--metal-tint) 0,var(--metal-base) 50%,var(--metal-shade) 100%);color:var(--text);border:1px solid var(--metal-edge);box-shadow:0 2px 8px color-mix(in oklch,var(--metal-shade) 20%,transparent),inset 0 1px 0 var(--metal-spec);transition:all .3s cubic-bezier(.4,0,.2,1)}.metal-btn:hover{background:linear-gradient(135deg,var(--metal-spec) 0,var(--metal-tint) 50%,var(--metal-base) 100%);box-shadow:0 4px 16px color-mix(in oklch,var(--metal-shade) 30%,transparent),inset 0 1px 0 var(--metal-spec);transform:translateY(-2px)}.dark .metal-btn{background:linear-gradient(135deg,var(--metal-base) 0,var(--metal-shade) 50%,color-mix(in oklch,var(--metal-shade) 85%,#000) 100%);color:var(--metal-tint);border-color:var(--metal-line)}.dark .metal-btn:hover{background:linear-gradient(135deg,var(--metal-tint) 0,var(--metal-base) 50%,var(--metal-shade) 100%);color:var(--metal-spec)}.u-metal{position:relative;background:linear-gradient(135deg,color-mix(in oklch,var(--metal-tint) 15%,var(--surface)) 0,color-mix(in oklch,var(--metal-base) 10%,var(--surface)) 50%,color-mix(in oklch,var(--metal-shade) 8%,var(--surface)) 100%);border:1px solid var(--metal-edge);box-shadow:0 4px 12px color-mix(in oklch,var(--metal-shade) 15%,transparent),inset 0 1px 0 color-mix(in oklch,var(--metal-spec) 30%,transparent)}.dark .u-metal{background:linear-gradient(135deg,color-mix(in oklch,var(--metal-base) 20%,var(--surface)) 0,color-mix(in oklch,var(--metal-shade) 15%,var(--surface)) 50%,var(--surface) 100%);border-color:var(--metal-line)}.u-metal--brushed{position:relative;background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--metal-spec) 5%,transparent) 50%,transparent 100%),linear-gradient(135deg,var(--metal-base) 0,var(--metal-shade) 100%);background-size:200% 100%,100% 100%;border:1px solid var(--metal-edge);box-shadow:0 2px 8px color-mix(in oklch,var(--metal-shade) 20%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--metal-line) 10%,transparent);animation:metal-shine 3s linear infinite}@keyframes metal-shine{0%{background-position:-200% 0,0 0}to{background-position:200% 0,0 0}}.dark .u-metal--brushed{background:linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--metal-tint) 8%,transparent) 50%,transparent 100%),linear-gradient(135deg,var(--metal-shade) 0,color-mix(in oklch,var(--metal-shade) 80%,#000) 100%);background-size:200% 100%,100% 100%;border-color:var(--metal-line)}:root{--chart-1:oklch(0.65 0.16 265);--chart-2:oklch(0.45 0.12 210);--chart-3:oklch(0.55 0.14 145);--chart-4:oklch(0.75 0.15 85);--chart-5:oklch(0.65 0.15 22);--error:oklch(0.96 0.02 22);--error-foreground:oklch(0.27 0.02 22);--ring:var(--primary);--sidebar-background:var(--background);--sidebar-foreground:var(--foreground);--sidebar-primary:var(--primary);--sidebar-primary-foreground:var(--primary-foreground);--sidebar-accent:var(--muted);--sidebar-accent-foreground:var(--muted-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--gradient-primary-subtle:linear-gradient(to bottom right,color-mix(in oklch,var(--primary) 5%,transparent),color-mix(in oklch,var(--primary) 10%,transparent));--gradient-primary-bg:linear-gradient(to bottom right,color-mix(in oklch,var(--primary) 5%,transparent),var(--background),color-mix(in oklch,var(--accent) 5%,transparent));--gradient-accent-subtle:linear-gradient(to bottom right,var(--background),color-mix(in oklch,var(--accent) 5%,transparent));--gradient-muted-fade:linear-gradient(to bottom,color-mix(in oklch,var(--muted) 30%,transparent),var(--background));--gradient-primary-button:linear-gradient(to right,var(--primary),color-mix(in oklch,var(--primary) 95%,transparent),color-mix(in oklch,var(--primary) 90%,transparent));--gradient-primary-accent:linear-gradient(to right,var(--primary),color-mix(in oklch,var(--primary) 97%,var(--accent)),var(--accent))}.dark{--chart-1:oklch(0.70 0.18 265);--chart-2:oklch(0.60 0.14 210);--chart-3:oklch(0.65 0.16 145);--chart-4:oklch(0.80 0.16 85);--chart-5:oklch(0.70 0.16 22);--error:oklch(0.20 0.04 22);--error-foreground:oklch(0.92 0.02 22);--gradient-primary-subtle:linear-gradient(to bottom right,color-mix(in oklch,var(--primary) 10%,transparent),color-mix(in oklch,var(--primary) 20%,transparent));--gradient-muted-fade:linear-gradient(to bottom,color-mix(in oklch,var(--muted) 30%,transparent),var(--background))}