@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--primary-blue:#2563eb;--light-blue:#3b82f6;--soft-blue:#dbeafe;--dark-blue:#1e40af;--mint-green:#10b981;--soft-green:#d1fae5;--teal-premium:#14b8a6;--dark-green:#047857;--cta-orange:#f97316;--hover-orange:#ea580c;--soft-orange:#ffedd5;--purple:#8b5cf6;--light-purple:#c4b5fd;--dark-purple:#6d28d9;--bg-clean:#fafafa;--bg-white:#fff;--bg-soft-grey:#f3f4f6;--text-strong:#111827;--text-medium:#4b5563;--text-subtle:#9ca3af;--border-light:#e5e7eb;--divider-ultra-light:#f1f5f9;--rating-star:#f59e0b;--rating-bg:#fef3c7;--shadow-subtle:0 4px 6px -1px #0000000d;--shadow-card:0 10px 15px -3px #0000000d;--shadow-hover:0 20px 25px -5px #0000001a;--radius-md:12px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-clean);color:var(--text-strong);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,.font-heading{color:var(--text-strong);font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1400px;margin:0 auto;padding:0 80px}.gradient-primary-brand{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--teal-premium) 100%)}.gradient-cta{background:linear-gradient(135deg, var(--cta-orange) 0%, #fb923c 100%)}.gradient-genz-premium{background:linear-gradient(135deg, var(--purple) 0%, var(--light-blue) 100%)}.gradient-success{background:linear-gradient(135deg, var(--mint-green) 0%, #34d399 100%)}.gradient-soft-bg{background:linear-gradient(180deg, var(--bg-white) 0%, var(--bg-soft-grey) 100%)}.text-gradient-primary{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--teal-premium) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-badge{background:var(--soft-blue);color:var(--primary-blue);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid #2563eb1a;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;display:inline-flex}.badge-success{background:var(--soft-green);color:var(--dark-green);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,sans-serif;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{background:var(--light-blue);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-cta{background:var(--cta-orange);color:#fff;box-shadow:0 4px 14px #f973164d}.btn-cta:hover{background:var(--hover-orange);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-white{background:var(--bg-white);color:var(--text-strong);border:1px solid var(--border-light);box-shadow:var(--shadow-subtle)}.btn-white:hover{background:var(--bg-soft-grey);border-color:var(--text-subtle);transform:translateY(-2px)}.glass-surface{-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #fff6}.navbar-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-subtle);background:#ffffffe6}.hero-curved{background-color:var(--bg-hero);border-bottom-right-radius:60px;border-bottom-left-radius:60px;padding-bottom:80px}.category-icon{background:#fff;border:1px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex}.category-icon:hover{border-color:var(--accent-red);transform:translateY(-5px)}.category-text{color:var(--text-main);margin-top:10px;font-size:.85rem;font-weight:700}.py-section{padding-top:6rem;padding-bottom:6rem}.mb-hero{margin-bottom:4rem}.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-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.gap-24{gap:6rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.top-0{top:0}.right-0{right:0}.left-0{left:0}.hidden{display:none}@media (width>=768px){.md\:block{display:block}}@media (width>=1024px){.lg\:flex{display:flex}}.w-full{width:100%}.h-full{height:100%}.shrink-0{flex-shrink:0}.text-center{text-align:center}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.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:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-8{padding-top:2rem}.pt-4{padding-top:1rem}.pt-32{padding-top:8rem}.pt-48{padding-top:12rem}.pb-12{padding-bottom:3rem}.pb-32{padding-bottom:8rem}@media (width>=768px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:block{display:block}.md\:hidden{display:none}}@media (width>=1024px){.lg\:flex{display:flex}}