:root{--color-bg: #0f172a;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-accent: #f97316;--color-surface: #1e293b;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;background:none;border:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.section{padding:5rem 0}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.max-w-2xl{max-width:42rem}.max-w-sm{max-width:24rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.right-0{right:0}.top-full{top:100%}.inset-0{inset:0}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex-1{flex:1 1 0%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-8{padding-top:2rem}.pt-20{padding-top:5rem}.px-8{padding-left:2rem;padding-right:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-5xl{font-size:3rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.bg-slate-900{background-color:#0f172a}.bg-slate-950{background-color:#020617}.bg-slate-800{background-color:#1e293b}.bg-transparent{background-color:transparent}.bg-blue-500{background-color:#3b82f6}.bg-accent{background-color:var(--color-accent)}.text-white{color:#fff}.text-slate-50{color:#f8fafc}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-blue-500{color:#3b82f6}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}.object-cover{object-fit:cover}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-slate-900{--tw-gradient-from: #0f172a;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(15, 23, 42, 0))}.via-slate-900\/50{--tw-gradient-via: rgba(15, 23, 42, .5);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, rgba(15, 23, 42, 0))}.to-transparent{--tw-gradient-to: transparent}.from-black\/80{--tw-gradient-from: rgba(0, 0, 0, .8);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))}.via-transparent{--tw-gradient-via: transparent;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to, transparent)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto 4rem;font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;border:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.hover\:text-white:hover{color:#fff}.hover\:text-blue-500:hover{color:#3b82f6}.hover\:bg-blue-500:hover{background-color:#3b82f6}.hover\:border-blue-500\/50:hover{border-color:#3b82f680}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:translate-y-0{transform:translateY(0)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:translate-x-1{transform:translate(.25rem)}.translate-y-4{transform:translateY(1rem)}.hidden{display:none}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.md\:text-7xl{font-size:4.5rem}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}}.bg-slate-900\/90{background-color:#0f172ae6}.bg-blue-500\/10{background-color:#3b82f61a}