:root{--hf-primary: #0f172a;--hf-secondary: #1e293b;--hf-accent: #6366f1;--hf-accent-light: #818cf8;--hf-accent-dark: #4f46e5;--hf-gold: #f59e0b;--hf-teal: #14b8a6;--hf-cyan: #06b6d4;--hf-rose: #f43f5e;--hf-white: #ffffff;--hf-gray-50: #f8fafc;--hf-gray-100: #f1f5f9;--hf-gray-200: #e2e8f0;--hf-gray-300: #cbd5e1;--hf-gray-400: #94a3b8;--hf-gray-500: #64748b;--hf-gray-600: #475569;--hf-gray-700: #334155;--hf-gray-800: #1e293b;--hf-gray-900: #0f172a;--hf-gradient: linear-gradient(135deg, #6366f1 0%, #06b6d4 50%, #14b8a6 100%);--hf-gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--hf-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--hf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--hf-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--hf-radius: 12px;--hf-radius-lg: 20px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--hf-gray-800);background:var(--hf-white);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit;transition:color .3s ease}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:64px}.section-header .section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:100px;font-size:.85rem;font-weight:600;color:var(--hf-accent);margin-bottom:20px;letter-spacing:.5px;text-transform:uppercase}.section-header h2{font-size:clamp(2rem,4vw,3rem);color:var(--hf-primary);margin-bottom:16px}.section-header p{font-size:1.125rem;color:var(--hf-gray-500);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:100px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.btn-primary{background:var(--hf-gradient);color:#fff;box-shadow:0 4px 15px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f173}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.btn-dark{background:var(--hf-primary);color:#fff}.btn-dark:hover{background:var(--hf-secondary);transform:translateY(-2px)}.btn-white{background:#fff;color:var(--hf-primary);box-shadow:var(--hf-shadow)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--hf-shadow-lg)}::selection{background:var(--hf-accent);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@media(max-width:1024px){.section{padding:80px 0}.section-header{margin-bottom:48px}}@media(max-width:768px){.container{padding:0 20px}.section{padding:64px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.btn{padding:12px 28px;font-size:.95rem}}@media(max-width:480px){.container{padding:0 16px}.section{padding:48px 0}.section-header{margin-bottom:32px}.section-header h2{font-size:1.5rem}.section-header p{font-size:.92rem}.section-header .section-badge{font-size:.78rem;padding:6px 14px}.btn{padding:12px 24px;font-size:.9rem}}.animate-in{animation:fadeInUp .8s ease forwards}@media(max-width:768px){.section{padding:60px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:1.75rem}}