:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .4);--secondary: #06b6d4;--accent: #f472b6;--bg-dark: #0f172a;--bg-darker: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;letter-spacing:-.01em}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:9999}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3.5rem}.gap-20{gap:6rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}@media (max-width: 768px){.bento-grid{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.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))}}.w-full{width:100%}.h-full{height:100%}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-100{z-index:100}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1.25rem}.p-6{padding:1.75rem}.p-8{padding:2.25rem}.p-10{padding:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-20{padding:6rem 0}.pt-32{padding-top:10rem}.pb-20{padding-bottom:5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2.25rem}.mb-12{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.text-xs{font-size:.75rem}.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.625rem}.text-3xl{font-size:2.25rem}.text-4xl{font-size:3rem}.text-5xl{font-size:4rem}.text-6xl{font-size:5rem}.text-7xl{font-size:6.5rem}@media (max-width: 768px){.text-5xl{font-size:2.5rem}.text-7xl{font-size:3.5rem}}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-extrabold{font-weight:800}.font-black{font-weight:900}.tracking-tight{letter-spacing:-.03em}.tracking-tighter{letter-spacing:-.05em}.text-center{text-align:center}.uppercase{text-transform:uppercase}.hidden{display:none}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}.gradient-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(6,182,212,.12) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(244,114,182,.08) 0%,transparent 50%),#020617}.nav-glass{background:#020617b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000}.hero-text{background:linear-gradient(to bottom,#fff 30%,#fff9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,255,255,.1));line-height:1.1}.accent-text{background:linear-gradient(135deg,#818cf8,#22d3ee,#f472b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-glass{background:linear-gradient(135deg,#ffffff08,#ffffff03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.06);border-radius:32px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1)}.card-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 40%,transparent 60%,rgba(255,255,255,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;pointer-events:none}.card-glass:hover{transform:translateY(-12px) scale(1.01);background:#ffffff0a;border-color:#6366f166;box-shadow:0 30px 60px -12px #0009,0 0 0 1px #6366f11a}.btn-primary{background:#fff;color:#020617;padding:1.1rem 2.2rem;border-radius:18px;font-weight:700;font-size:1.05rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 20px 40px -10px #fff3}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #ffffff4d;background:#f8fafc}.btn-outline{background:#ffffff08;color:#fff;padding:1.1rem 2.2rem;border-radius:18px;font-weight:700;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{background:#ffffff14;border-color:#ffffff4d}.section-padding{padding:8rem 0}@media (max-width: 768px){.section-padding{padding:6rem 0}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(2deg)}}.floating-slow{animation:float-slow 8s ease-in-out infinite}.text-text-muted,.text-muted{color:var(--text-muted)}.text-white{color:#fff}.text-cyan-400{color:#22d3ee}.text-pink-400{color:#f472b6}.bg-white{background-color:#fff}.bg-slate-900{background-color:#0f172a}.bg-slate-950{background-color:#020617}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-900{background-color:#312e81}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.text-indigo-900{color:#312e81}.text-indigo-400{color:#818cf8}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.dashboard-card{background:#020617;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}