@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--color-void:#000;--color-panel:#09090b;--color-panel-2:#18181b;--color-border:#27272a;--color-text-main:#fff;--color-text-muted:#a1a1aa;--color-electric:#8b5cf6;--color-sky:#06b6d4;--gradient-accent:linear-gradient(135deg, var(--color-electric) 0%, var(--color-sky) 100%);--gradient-glow:#8b5cf640;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 20px 40px #0009;--shadow-glow:0 0 20px var(--gradient-glow);--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--spacing-32:8rem}[data-theme=light]{--color-void:#fff;--color-panel:#fafafa;--color-panel-2:#f4f4f5;--color-border:#e4e4e7;--color-text-main:#09090b;--color-text-muted:#71717a;--gradient-glow:#8b5cf626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 20px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-void);color:var(--color-text-muted);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.font-display{font-family:var(--font-display);color:var(--color-text-main);letter-spacing:-.03em;font-weight:600;line-height:1.1;transition:color .4s}h1{font-size:clamp(3rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}a{color:var(--color-text-main);text-decoration:none;transition:all .2s}a:hover{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mono{font-family:var(--font-mono);letter-spacing:.05em;font-size:.9em}.container{width:100%;max-width:1200px;padding:0 var(--spacing-6);margin:0 auto}.section{padding:var(--spacing-32) 0}.text-center{text-align:center}.text-electric{color:var(--color-electric)}.text-sky{color:var(--color-sky)}.text-slate{color:var(--color-text-muted)}.text-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn{font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--color-text-main);color:var(--color-void)!important;-webkit-text-fill-color:var(--color-void)!important}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.btn-secondary{color:var(--color-text-main);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-text-main);background:var(--color-panel-2)}.form-group{margin-bottom:var(--spacing-6)}.form-label{margin-bottom:var(--spacing-2);color:var(--color-text-main);font-size:.875rem;font-weight:500;display:block}.form-control{background-color:var(--color-void);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);font-family:var(--font-body);padding:1rem;font-size:1rem;transition:all .3s}.form-control:focus{border-color:var(--color-electric);box-shadow:0 0 0 1px var(--color-electric);outline:none}.grid{gap:var(--spacing-8);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=768px){:root{--spacing-12:2rem;--spacing-16:2.5rem;--spacing-24:3rem;--spacing-32:4rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.container{padding:0 var(--spacing-4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.card{background-color:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-8);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;background:var(--gradient-accent);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.card:hover{box-shadow:var(--shadow-lg);background-color:var(--color-panel-2);transform:translateY(-4px)}.card:hover:after{opacity:1}.glass{background:rgba(var(--color-void), .7);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.bg-gradient-pattern{position:relative;overflow:hidden}.bg-gradient-pattern:before{content:"";background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.15;pointer-events:none;z-index:0;background-size:40px 40px;position:absolute;inset:0}.bg-gradient-pattern:after{content:"";background:radial-gradient(circle at top center, var(--gradient-glow), transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}