@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:Space Grotesk,sans-serif}.glass{background:#13131899;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);border:1px solid rgba(42,42,48,.5)}.glass-hover{background:#13131899;backdrop-filter:blur(80px);-webkit-backdrop-filter:blur(80px);border:1px solid rgba(42,42,48,.5);transition:all .3s ease}.glass-hover:hover{border-color:#8b5cf666;box-shadow:0 0 30px #8b5cf626,0 0 60px #8b5cf60d}.glow-text{text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.2)}.gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,#8b5cf6,#ec4899,#a78bfa)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.5),rgba(236,72,153,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.grid-bg{background-image:linear-gradient(rgba(42,42,48,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(42,42,48,.3) 1px,transparent 1px);background-size:60px 60px}.neon-glow{box-shadow:0 0 15px #8b5cf64d,0 0 45px #8b5cf61a}.section-divider{width:96px;height:2px;margin-left:auto;margin-right:auto;background:linear-gradient(90deg,transparent,#8b5cf6,transparent)}:root{--background: #0a0a0c;--foreground: #f2f2f2;--card: #131318;--card-foreground: #f2f2f2;--popover: #131318;--popover-foreground: #f2f2f2;--primary: #8b5cf6;--primary-foreground: #ffffff;--primary-rgb: 139, 92, 246;--secondary: #1e1e24;--secondary-foreground: #e6e6e6;--muted: #242429;--muted-foreground: #8b8b8f;--accent: #ec4899;--accent-foreground: #ffffff;--accent-rgb: 236, 72, 153;--destructive: #f0453f;--destructive-foreground: #faf9f8;--border: #2a2a30;--input: #2a2a30;--ring: #8b5cf6;--radius: .75rem;--glow-primary: #8b5cf6;--glow-accent: #ec4899;--surface-glass: #1a1a1f}*{margin:0;padding:0;box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth;scroll-padding-top:4rem}body{background-color:var(--background);color:var(--foreground);font-family:Space Grotesk,sans-serif;line-height:1.5;font-size:16px;background-image:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.05) 0%,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}code,pre{font-family:JetBrains Mono,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:1280px;margin:0 auto;width:100%}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{display:flex;flex-wrap:wrap}.items-center{display:flex;align-items:center}.items-start{display:flex;align-items:flex-start}.items-end{display:flex;align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.top-6{top:1.5rem}.top-20{top:5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-20{bottom:5rem}.left-0{left:0}.left-4{left:1rem}.left-10{left:2.5rem}.left-1\/2{left:50%}.right-0{right:0}.right-10{right:2.5rem}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.w-full{width:100%}.w-px{width:1px}.w-3{width:.75rem}.w-4{width:1rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.shadow-lg{box-shadow:0 10px 25px #0000004d}.shadow-xl{box-shadow:0 20px 40px #8b5cf626}.h-px{height:1px}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-72{height:18rem}.h-96{height:24rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-20{padding-top:5rem}.pt-1{padding-top:.25rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-16{margin-top:4rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-3{margin-left:.75rem;margin-right:.75rem}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-secondary\/80{background-color:#1e1e24cc}.bg-primary\/5{background-color:#8b5cf60d}.bg-primary\/10{background-color:#8b5cf61a}.bg-primary\/20{background-color:#8b5cf633}.bg-accent\/5{background-color:#ec48990d}.bg-accent\/10{background-color:#ec48991a}.bg-accent\/20{background-color:#ec489933}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-2{border:2px solid var(--border)}.border-border{border-color:var(--border)}.border-border\/30{border-color:#2a2a304d}.border-border\/40{border-color:#2a2a3066}.border-border\/50{border-color:#2a2a3080}.border-primary{border-color:var(--primary)}.border-primary\/40{border-color:#8b5cf666}.border-primary\/20{border-color:#8b5cf633}.border-accent\/20{border-color:#ec489933}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.blur-2xl{filter:blur(80px)}.blur-\[120px\]{filter:blur(120px)}.blur-\[200px\]{filter:blur(200px)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.transition-all{transition:all .15s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .15s cubic-bezier(.4,0,.2,1)}.transition-opacity{transition:opacity .15s cubic-bezier(.4,0,.2,1)}.hover\:opacity-90:hover{opacity:.9}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-primary:hover{color:var(--primary)}.hover\:bg-primary\/20:hover{background-color:#8b5cf633}.hover\:border-primary\/40:hover{border-color:#8b5cf666}.hover\:bg-primary\/10:hover{background-color:#8b5cf61a}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:bg-primary\/20{background-color:#8b5cf633}.group:hover .group-hover\:text-primary{color:var(--primary)}.group:hover .group-hover\:text-foreground{color:var(--foreground)}.glass{background:#1a1a1fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.1);box-shadow:0 8px 32px #0000004d}.glass-hover{background:#1a1a1f80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.15);transition:all .3s ease;box-shadow:0 8px 32px #0003}.glass-hover:hover{background:#1a1a1fcc;border:1px solid rgba(139,92,246,.35);box-shadow:0 8px 40px #8b5cf633,inset 0 0 20px #8b5cf61a;transform:translateY(-4px)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.neon-glow{box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf640,inset 0 0 20px #8b5cf626;border:1px solid rgba(139,92,246,.3)}.font-mono-code{font-family:JetBrains Mono,monospace}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(15px)}}@keyframes float-reverse{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-25px) translate(-12px)}}@keyframes pulse-glow{0%,to{opacity:.3;filter:blur(80px)}50%{opacity:.8;filter:blur(100px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-border{0%{box-shadow:0 0 5px #8b5cf633,inset 0 0 5px #8b5cf61a}50%{box-shadow:0 0 20px #8b5cf666,inset 0 0 20px #8b5cf633}to{box-shadow:0 0 5px #8b5cf633,inset 0 0 5px #8b5cf61a}}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-reverse{animation:float-reverse 8s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s ease-in-out infinite}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-glow-border{animation:glow-border 3s ease-in-out infinite}.from-primary{background-image:linear-gradient(to right,var(--primary),var(--primary))}.from-accent{background-image:linear-gradient(to right,var(--accent),var(--accent))}.from-primary\/30{background-image:linear-gradient(to right,rgba(139,92,246,.3),transparent)}.from-primary\/80{background-image:linear-gradient(to right,rgba(139,92,246,.8),transparent)}.from-primary-to-accent{background-image:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.to-accent,.to-primary{background-image:none}.accent-to-primary{background-image:linear-gradient(to right,var(--accent),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.translate-y-0{transform:translateY(0)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.space-y-0>*+*{margin-top:0}.space-y-6>*+*{margin-top:1.5rem}@media (max-width: 768px){h1,h2{font-size:1.5rem}.text-4xl{font-size:1.875rem}.text-6xl{font-size:2.25rem}.text-2xl{font-size:1.25rem}.hidden.md\:flex{display:none}.md\:hidden{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:flex{display:flex}.md\:gap-8{gap:1rem}.md\:text-6xl{font-size:2.25rem}.md\:text-4xl{font-size:1.5rem}}@media (min-width: 768px){.md\:hidden{display:none}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:text-6xl{font-size:3.75rem}.md\:text-4xl{font-size:2.25rem}.md\:text-2xl{font-size:1.5rem}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.group{position:relative}