:root{--bg-primary: #FFFFFF;--bg-subtle: #F8FAFC;--bg-ice: #F0F9FF;--bg-card: #FFFFFF;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--water-blue: #0284C7;--water-blue-hover: #0369A1;--water-blue-light: #E0F2FE;--ocean-deep: #0077B6;--ocean-dark: #0B4F6C;--cyan-glow: #00B4D8;--cyan-light: #BAE6FD;--border-light: #E2E8F0;--border-focus: #38BDF8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 20px rgba(2, 132, 199, .08);--shadow-lg: 0 12px 32px rgba(2, 132, 199, .14);--shadow-hover: 0 16px 36px rgba(2, 132, 199, .2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden;position:relative}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25;word-break:break-word}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (max-width: 640px){.container{padding-left:1rem;padding-right:1rem}}.section-padding{padding-top:4.5rem;padding-bottom:4.5rem}@media (max-width: 768px){.section-padding{padding-top:3rem;padding-bottom:3rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.92rem;font-weight:600;border-radius:var(--radius-md);transition:var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--water-blue) 0%,var(--ocean-deep) 100%);color:#fff;box-shadow:0 4px 14px #0284c759}.btn-primary:hover{background:linear-gradient(135deg,var(--water-blue-hover) 0%,#023E8A 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0284c773}.btn-secondary{background-color:var(--bg-ice);color:var(--water-blue);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:#e0f2fe;border-color:var(--border-focus);color:var(--ocean-deep);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1.5px solid var(--border-light)}.btn-outline:hover{border-color:var(--water-blue);color:var(--water-blue);background-color:var(--bg-ice)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;max-width:100%}.badge-blue{background-color:var(--water-blue-light);color:var(--water-blue-hover);border:1px solid var(--cyan-light)}.badge-outline{background-color:#fff;color:var(--text-secondary);border:1px solid var(--border-light)}.header-glass{position:sticky;top:0;z-index:1000;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light)}.card-hover{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-normal)}.card-hover:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#0284c759}.scrollable-pills{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.scrollable-pills::-webkit-scrollbar{height:4px}.scrollable-pills::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes slideDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.drawer-animate{animation:slideDrawerIn .28s cubic-bezier(.4,0,.2,1) forwards}.overlay-animate{animation:fadeInOverlay .25s ease-out forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes fadeInImage{0%{opacity:.6}to{opacity:1}}@keyframes heroFloatGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.75}}@keyframes kenBurnsZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes waterPulseLine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseBadgeRing{0%{box-shadow:0 0 #0284c773}70%{box-shadow:0 0 0 10px #0284c700}to{box-shadow:0 0 #0284c700}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-tab-fade{animation:tabFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}.animate-pulse-ring{animation:pulseBadgeRing 2.2s infinite}.ken-burns{animation:kenBurnsZoom 6s ease-out forwards}@keyframes spin{to{transform:rotate(360deg)}}.container-wide{width:100%;max-width:1680px;margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}@media (max-width: 768px){.container-wide{padding-left:1rem;padding-right:1rem}}@media (min-width: 1024px){.catalog-layout-grid{grid-template-columns:340px minmax(0,1fr)!important;align-items:start;gap:2.25rem!important}.catalog-sidebar{display:block!important}.lg-hide{display:none!important}}@media (max-width: 1023px){.catalog-layout-grid{grid-template-columns:1fr!important}.catalog-sidebar{display:none!important}.lg-hide{display:inline-flex!important}}.catalog-sidebar::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.catalog-sidebar::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:9999px}.catalog-sidebar::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.catalog-sidebar::-webkit-scrollbar-thumb:hover,.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0284c7}