@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary:#06b6d4;--secondary-dark:#0891b2;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--warning:#f59e0b;--warning-light:#fef3c7;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-tertiary:var(--gray-500);--border-color:var(--gray-200);--border-radius-sm:.375rem;--border-radius:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}html,body{max-width:100vw;font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}.btn{font-size:var(--font-size-base);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-outline{color:var(--gray-700);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:var(--space-xl);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-size-xl);margin-bottom:0;font-weight:700}.input{width:100%;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);transition:all var(--transition-fast);font-family:var(--font-family);background:#fff;padding:.75rem 1rem}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--gray-400)}.label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600;display:block}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-md);margin:0 auto}.grid{gap:var(--space-lg);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.price-up{color:var(--success)}.price-down{color:var(--danger)}.badge{font-size:var(--font-size-xs);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}@media (max-width:768px){:root{--font-size-4xl:1.875rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.card{padding:var(--space-lg)}.container{padding:0 var(--space-sm)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);width:100%;position:sticky;top:0}.header-content{gap:2rem;width:100%;padding:.75rem 0;justify-content:space-between!important;align-items:center!important;display:flex!important}.logo{color:var(--text-primary);transition:transform var(--transition-fast);flex-shrink:0;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;align-items:center!important;display:flex!important}.logo-img{object-fit:contain;width:40px;height:40px}.desktop-nav{flex:1;justify-content:center;align-items:center;gap:.5rem;display:none!important}.nav-link{transition:all var(--transition-base);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:700;text-decoration:none;display:flex;color:var(--text-secondary)!important}.nav-link:hover{background:#2563eb14;color:var(--primary)!important}.nav-link.active{box-shadow:0 4px 15px #2563eb66;color:#fff!important;background:var(--primary)!important}.desktop-cta{flex-shrink:0;align-items:center;gap:1rem;display:none!important}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex!important}.mobile-menu-btn:hover{color:var(--primary)}.mobile-nav{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem 0;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{color:var(--text-secondary);border-radius:var(--border-radius);transition:all var(--transition-fast);padding:.75rem 1rem;font-weight:600;text-decoration:none}.mobile-nav-link.active{color:var(--primary);background:#2563eb0d;font-weight:700}@media (min-width:768px){.desktop-nav,.desktop-cta{display:flex!important}.mobile-menu-btn{display:none!important}}.lang-toggle{color:var(--primary);cursor:pointer;transition:all var(--transition-fast);background:#2563eb0d;border:1px solid #2563eb1a;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:700;display:flex}.lang-toggle:hover{background:#2563eb1a;transform:translateY(-1px)}