@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}:root{--color-primary:#6366f1;--color-primary-light:#818cf8;--color-primary-dark:#4f46e5;--color-cta:#8b5cf6;--color-cta-dark:#7c3aed;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-bg:#f8fafc;--color-bg-alt:#f1f5f9;--color-surface:#fff;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-heading:#0f172a;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--primary:var(--color-cta);--primary-dark:var(--color-cta-dark);--primary-glow:#8b5cf640;--secondary:var(--color-primary);--secondary-dark:var(--color-primary-dark);--accent:var(--color-accent);--background:var(--color-bg);--surface:var(--color-surface);--card-bg:var(--color-surface);--text:var(--color-text);--text-muted:var(--color-text-muted);--text-heading:var(--color-text-heading);--border:var(--color-border);--border-hover:var(--color-border-hover);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-cta:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #312e81 100%);--gradient-card-hover:linear-gradient(135deg, #6366f10d, #8b5cf60d);--shadow-sm:0 1px 3px 0 #0000000a, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #6366f126;--shadow-cta:0 8px 24px -6px #8b5cf659;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--sans:var(--font-body);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);transition:var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-cta)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #8b5cf673}.btn-secondary{background:var(--color-primary);color:#fff}.btn-secondary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px -10px #6366f166}.btn-outline{border:1.5px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--color-bg-alt);color:var(--text-heading)}.btn-premium{background:var(--gradient-cta);color:#fff;position:relative;overflow:hidden}.btn-premium:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.btn-premium:hover:after{left:100%}.btn-premium:hover{box-shadow:var(--shadow-cta);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#059669;background:#ecfdf5}.badge-blue{color:#4f46e5;background:#eef2ff}.badge-gray{color:#475569;background:#f1f5f9}.badge-violet{color:#7c3aed;background:#f5f3ff}.badge-cyan{color:#0891b2;background:#ecfeff}.section-padding{padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-heading);letter-spacing:-.03em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.section-title{font-size:2rem}}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInRight}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b5cf64d}50%{box-shadow:0 0 20px 4px #8b5cf626}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.float-anim{animation:4s ease-in-out infinite float}.pagination-wrap{justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:1rem 0;display:flex}.pagination-pages{align-items:center;gap:.5rem;display:flex}.pagination-btn{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border);width:40px;height:40px;color:var(--text);transition:var(--transition);justify-content:center;align-items:center;font-weight:600;display:flex}.pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-alt)}.pagination-btn.active{background:var(--gradient-cta);color:#fff;box-shadow:var(--shadow-cta);border-color:#0000}.pagination-arrow{border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border);width:40px;height:40px;color:var(--text);transition:var(--transition);justify-content:center;align-items:center;display:flex}.pagination-arrow:not(:disabled):hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-alt)}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{color:var(--color-primary-dark);background:#6366f133}