@layer components{.btn-hero{border-radius:var(--radius-md);background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 20px var(--primary),0 4px 12px var(--primary),inset 0 1px 0 0 #ffffff1a;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 2rem;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-hero{box-shadow:0 0 20px color-mix(in oklch,var(--primary)15%,transparent),0 4px 12px color-mix(in oklch,var(--primary)10%,transparent),inset 0 1px 0 0 #ffffff1a}}.btn-hero{cursor:pointer;border:none;min-height:2.75rem;position:relative;overflow:hidden}.btn-hero:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.btn-hero:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-hero:hover{background:color-mix(in oklch,var(--primary)90%,white)}}.btn-hero:hover{box-shadow:0 0 60px var(--primary),0 8px 24px var(--primary),0 0 100px var(--primary),inset 0 1px 0 0 #ffffff40;transform:translateY(-2px)scale(1.02)}@supports (color:color-mix(in lab, red, red)){.btn-hero:hover{box-shadow:0 0 60px color-mix(in oklch,var(--primary)40%,transparent),0 8px 24px color-mix(in oklch,var(--primary)25%,transparent),0 0 100px color-mix(in oklch,var(--primary)15%,transparent),inset 0 1px 0 0 #ffffff40}}.btn-hero:hover:before{opacity:1}.btn-hero:active{transition:all .1s;transform:translateY(-1px)scale(1.01)}.btn-hero-outline{border-radius:var(--radius-md);color:var(--foreground);border:1px solid var(--border);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 2rem;font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.btn-hero-outline:before{content:"";background:radial-gradient(circle at center,var(--primary)0%,transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.btn-hero-outline:before{background:radial-gradient(circle at center,color-mix(in oklch,var(--primary)10%,transparent)0%,transparent 70%)}}.btn-hero-outline:before{opacity:0;border-radius:var(--radius-md);transition:opacity .4s cubic-bezier(.16,1,.3,1)}.btn-hero-outline:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-hero-outline:hover{border-color:color-mix(in oklch,var(--primary)60%,transparent)}}.btn-hero-outline:hover{color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-hero-outline:hover{background:color-mix(in oklch,var(--primary)5%,transparent)}}.btn-hero-outline:hover{box-shadow:0 4px 16px var(--primary),0 0 40px var(--primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.btn-hero-outline:hover{box-shadow:0 4px 16px color-mix(in oklch,var(--primary)15%,transparent),0 0 40px color-mix(in oklch,var(--primary)10%,transparent)}}.btn-hero-outline:hover:before{opacity:1}.btn-hero-outline:active{transition:all .1s;transform:translateY(-1px)}.surface-card{border:1px solid var(--border);background:linear-gradient(120deg,#ffffff08 0%,#fff0 100%)}@supports (color:color-mix(in lab, red, red)){.surface-card{border:1px solid color-mix(in oklch,var(--border)50%,transparent)}}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.surface-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.surface-card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.surface-card-hover:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.surface-card-hover:hover{border-color:color-mix(in oklch,var(--border)150%,transparent)}}.surface-card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0006}.btn-ghost-nav{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;transition:color .15s}.btn-ghost-nav:hover{color:var(--foreground)}.landing-font{font-family:var(--font-plus-jakarta),system-ui,sans-serif}.landing-font h1,.landing-font h2,.landing-font h3,.landing-font h4{letter-spacing:-.03em}.landing-mono{font-family:var(--font-jetbrains-mono),monospace}}@layer utilities{.grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px}.radial-fade{background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--primary)0%,transparent 70%)}@supports (color:color-mix(in lab, red, red)){.radial-fade{background:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in oklch,var(--primary)8%,transparent)0%,transparent 70%)}}.radial-fade{pointer-events:none}.text-gradient-cyan{color:var(--primary);background:linear-gradient(135deg,var(--primary),var(--primary))}@supports (color:color-mix(in lab, red, red)){.text-gradient-cyan{background:linear-gradient(135deg,var(--primary),color-mix(in oklch,var(--primary)70%,white))}}.text-gradient-cyan{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-cyan{box-shadow:0 0 20px var(--primary),inset 0 1px 0 0 #ffffff1a}@supports (color:color-mix(in lab, red, red)){.glow-cyan{box-shadow:0 0 20px color-mix(in oklch,var(--primary)15%,transparent),inset 0 1px 0 0 #ffffff1a}}.glow-cyan-strong{box-shadow:0 0 40px var(--primary),inset 0 1px 0 0 #fff3}@supports (color:color-mix(in lab, red, red)){.glow-cyan-strong{box-shadow:0 0 40px color-mix(in oklch,var(--primary)25%,transparent),inset 0 1px 0 0 #fff3}}}