.navbar{z-index:1000;background-color:var(--color-navbar-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-navbar-border);width:100%;transition:all var(--transition-normal);padding:1rem 0;position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--color-navbar-scrolled-bg);box-shadow:var(--shadow);border-bottom-color:#0000}.theme-toggle-btn{cursor:pointer;color:var(--color-text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.theme-toggle-btn:hover{background-color:var(--color-surface);color:var(--color-primary)}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:36px;display:block}.logo-text{flex-direction:column;display:flex}.logo-title{font-family:var(--font-heading);color:var(--color-primary);font-size:1.25rem;font-weight:700;line-height:1.1}.logo-subtitle{color:var(--color-accent);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.navbar-links{align-items:center;gap:2rem;display:flex}.navbar-links a:not(.btn){color:var(--color-text-muted);font-size:.95rem;font-weight:500;position:relative}.navbar-links a:not(.btn):hover,.navbar-links a:not(.btn).active{color:var(--color-primary)}.navbar-links a:not(.btn):after{content:"";background-color:var(--color-accent);width:0%;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.navbar-links a:not(.btn):hover:after,.navbar-links a:not(.btn).active:after{width:100%}.desktop-only{display:none}.mobile-toggle{cursor:pointer;color:var(--color-primary);background:0 0;border:none;display:block}.mobile-nav{background-color:var(--color-background);width:100%;box-shadow:var(--shadow-lg);padding:2rem var(--spacing-lg);flex-direction:column;animation:.3s forwards slideDown;display:flex;position:absolute;top:100%;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{flex-direction:column;gap:1.5rem;display:flex}.mobile-nav-links a:not(.btn){color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:.75rem;font-size:1.25rem;font-weight:500}.mt-4{margin-top:1rem}@media (width>=1024px){.desktop-only{display:flex}.mobile-toggle,.mobile-nav{display:none}}.footer{color:#fff;padding:var(--spacing-3xl) 0 0 0;background-color:#000;margin-top:auto}.footer-grid{padding-bottom:var(--spacing-3xl);border-bottom:1px solid #111;gap:3rem}.footer-logo{color:#fff;margin-bottom:var(--spacing-md);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon-footer{color:#d9d9d9}.logo-img-footer{object-fit:contain;filter:invert()brightness(1.05);width:32px;height:32px;display:inline-block}.logo-title-footer{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;line-height:1.1}.logo-subtitle-footer{color:#d4af6a;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.footer-desc{color:#bfbfbf;font-size:.95rem;line-height:1.6}.social-links{gap:1rem;display:flex}.social-links a{color:#fff;width:40px;height:40px;transition:all var(--transition-fast);background-color:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.social-links a:hover{background-color:#d9af6a24;transform:translateY(-3px);box-shadow:0 6px 20px #d9af6a26}.social-links a svg{color:inherit}.social-links a:hover svg{color:#fff}.footer-heading{color:#fff;font-size:1.2rem;font-family:var(--font-heading);margin-bottom:1.5rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#dcdcdc;transition:color var(--transition-fast);font-size:.95rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-contact{color:#dcdcdc;margin:0;padding:0;list-style:none}.footer-contact li{align-items:flex-start;gap:1rem;margin-bottom:1rem;font-size:.95rem;display:flex}.footer-contact a{color:#dcdcdc}.footer-contact a:hover{color:#fff}.footer-contact svg{color:#dcdcdc;flex-shrink:0;margin-top:3px}.footer-bottom{text-align:center;color:#d9d9d9;padding:1.5rem 0;font-size:.85rem}.mt-3{margin-top:1.5rem}:root{--color-primary:#1d1d1f;--color-primary-light:#48484a;--color-secondary:#fff;--color-secondary-rgb:255, 255, 255;--color-footer-bg:var(--color-primary);--color-footer-text:var(--color-secondary);--color-text-rgb:29, 29, 31;--shadow-rgb:0, 0, 0;--color-text-muted-rgb:110, 110, 115;--color-danger:#ef4444;--color-danger-rgb:239, 68, 68;--color-success:#047857;--color-accent:#8a6a2f;--color-accent-hover:#a6844a;--color-accent-rgb:138, 106, 47;--color-dark-surface:#1d1d1f;--color-on-dark:#fff;--color-on-dark-rgb:255, 255, 255;--color-text:#1d1d1f;--color-text-muted:#4a4a4e;--color-background:#fff;--color-surface:#f5f5f7;--color-border:#e5e5ea;--color-card-bg:#fff;--color-input-bg:#fff;--color-input-border:#d2d2d7;--color-navbar-bg:#ffffffd9;--color-navbar-scrolled-bg:#fffffff2;--color-navbar-border:#0000000d;--color-btn-primary-bg:var(--color-primary);--color-btn-primary-text:#fff;--color-btn-primary-hover-bg:var(--color-primary-light);--color-btn-accent-bg:var(--color-secondary);--color-btn-accent-text:var(--color-accent);--color-btn-accent-hover-bg:var(--color-surface);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Archivo", "Helvetica Neue", var(--font-sans);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:5rem;--spacing-4xl:8rem;--border-radius-sm:6px;--border-radius:10px;--border-radius-lg:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px rgba(var(--shadow-rgb), .04);--shadow:0 8px 30px rgba(var(--shadow-rgb), .03);--shadow-lg:0 20px 40px rgba(var(--shadow-rgb), .06);--container-max-width:1240px}html.dark{--color-primary:#f5f5f7;--color-primary-light:#e2e8f0;--color-secondary:#0f0f10;--color-secondary-rgb:15, 15, 16;--color-footer-bg:var(--color-surface);--color-footer-text:var(--color-text);--color-text-rgb:226, 232, 240;--shadow-rgb:255, 255, 255;--color-text-muted-rgb:134, 134, 139;--color-accent:#d9b26b;--color-accent-hover:#e8c785;--color-accent-rgb:217, 178, 107;--color-success:#059669;--color-text:#e2e8f0;--color-text-muted:#86868b;--color-background:#0f0f10;--color-surface:#1c1c1e;--color-border:#2c2c2e;--color-card-bg:#1c1c1e;--color-input-bg:#1c1c1e;--color-input-border:#3a3a3c;--color-navbar-bg:#0f0f10d9;--color-navbar-scrolled-bg:#0f0f10f2;--color-navbar-border:#ffffff0f;--color-btn-primary-bg:#fff;--color-btn-primary-text:#0f0f10;--color-btn-primary-hover-bg:#f5f5f7;--color-btn-accent-bg:var(--color-secondary);--color-btn-accent-text:var(--color-accent);--color-btn-accent-hover-bg:var(--color-surface)}body,header,main,footer,section,div,p,h1,h2,h3,h4,h5,h6,a,button,input,select,textarea,span,svg{transition:background-color var(--transition-normal), border-color var(--transition-normal), color var(--transition-normal), box-shadow var(--transition-normal)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--color-primary);width:auto;height:auto;color:var(--color-secondary);z-index:1200;border-radius:6px;padding:.5rem .75rem;position:fixed;top:1rem;left:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.25}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.4rem,3vw,1.8rem)}p{margin-bottom:var(--spacing-md);color:var(--color-text-muted);line-height:1.7}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent)}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--spacing-lg);margin:0 auto}.text-center{text-align:center}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.mb-5{margin-bottom:var(--spacing-2xl)}.mb-6{margin-bottom:var(--spacing-3xl)}.btn{border-radius:var(--border-radius);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);text-align:center;outline-offset:4px;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-primary)}.btn-primary,.btn-accent{position:relative;overflow:hidden}.btn-primary:before,.btn-accent:before{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#fff0 55%);position:absolute;inset:0}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.btn-primary:hover{background-color:var(--color-btn-primary-hover-bg);color:var(--color-btn-primary-text);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-accent{background-color:var(--color-btn-accent-bg);color:var(--color-btn-accent-text)}.btn-accent:hover{background-color:var(--color-btn-accent-hover-bg);color:var(--color-btn-accent-text);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:2px solid rgba(var(--color-text-rgb), .12);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.hero-outline{border-color:#1d1d1f2e}.hero .btn-primary{background-color:var(--color-on-dark);color:var(--color-dark-surface);box-shadow:0 8px 24px #0000001f}.hero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000024}.hero .hero-outline{color:var(--color-on-dark);border-color:rgba(var(--color-on-dark-rgb), .22)}.hero .hero-outline:hover{background-color:rgba(var(--color-on-dark-rgb), .06);color:var(--color-on-dark)}.btn-full{width:100%}.input-group{margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.input-label{margin-bottom:var(--spacing-xs);color:var(--color-primary);letter-spacing:-.01em;font-size:.875rem;font-weight:600}.input-field{border:1px solid var(--color-input-border);background-color:var(--color-input-bg);color:var(--color-text);border-radius:var(--border-radius);font-family:var(--font-sans);transition:border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);padding:.8rem 1.1rem;font-size:.95rem}.input-field::placeholder{color:var(--color-text-muted);opacity:.8}.input-field:hover{border-color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--shadow-rgb), .04);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.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\:flex-row{flex-direction:row}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.section{padding:clamp(4rem,10vh,7rem) 0}.section-light{background-color:var(--color-surface)}.image-premium{border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow);transition:transform var(--transition-normal), box-shadow var(--transition-normal);object-fit:cover;display:block}.image-premium:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}#root{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}
