:root{--primary-color:#6d724e;--secondary-color:#816d89;--accent-color:#9b8ba3;--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--background-primary:#fff;--background-secondary:#f7fafc;--background-accent:#edf2f7;--border-color:#e2e8f0;--success-color:#38a169;--warning-color:#d69e2e;--error-color:#e53e3e;--theme-toggle-bg:#f7fafc;--theme-toggle-color:#4a5568;--theme-toggle-border:#e2e8f0;--theme-toggle-hover-bg:#edf2f7;--theme-toggle-hover-border:#cbd5e0;--theme-toggle-bg-dark:#2d3748;--theme-toggle-color-dark:#e2e8f0;--theme-toggle-border-dark:#4a5568;--theme-toggle-hover-bg-dark:#4a5568;--theme-toggle-hover-border-dark:#718096;--nav-bg:hsla(0,0%,100%,.95);--nav-bg-scrolled:hsla(0,0%,100%,.98);--nav-text:#2d3748;--nav-text-hover:#1a365d;--nav-border:rgba(0,0,0,.1);--nav-shadow:0 4px 20px rgba(0,0,0,.1);--font-family-primary:"Helvetica Neue","Helvetica","Arial",sans-serif;--font-family-secondary:"Codecpro",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--animation-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-smooth:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--primary-color:#8b9a6b;--secondary-color:#9b8ba3;--accent-color:#b5a5bd;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-light:#a0aec0;--background-primary:#1a202c;--background-secondary:#2d3748;--background-accent:#4a5568;--border-color:#4a5568;--success-color:#68d391;--warning-color:#f6e05e;--error-color:#fc8181;--theme-toggle-bg:#2d3748;--theme-toggle-color:#e2e8f0;--theme-toggle-border:#4a5568;--theme-toggle-hover-bg:#4a5568;--theme-toggle-hover-border:#718096;--theme-toggle-bg-dark:#f7fafc;--theme-toggle-color-dark:#4a5568;--theme-toggle-border-dark:#e2e8f0;--theme-toggle-hover-bg-dark:#edf2f7;--theme-toggle-hover-border-dark:#cbd5e0;--nav-bg:rgba(26,32,44,.95);--nav-bg-scrolled:rgba(26,32,44,.98);--nav-text:#f7fafc;--nav-text-hover:#8b9a6b;--nav-border:hsla(0,0%,100%,.1);--nav-shadow:0 4px 20px rgba(0,0,0,.3);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3)}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-primary);background-color:var(--background-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal)}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.2}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.container{max-width:1600px}.container,.container-wide{margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1800px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);background:var(--background-accent);color:var(--text-primary)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.card{background:var(--background-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;animation:fadeInUp .8s var(--animation-smooth) .2s both}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:700;margin-bottom:var(--spacing-lg);line-height:1.1;animation:fadeInUp .8s var(--animation-smooth) .4s both}.hero-subtitle{font-size:clamp(1.25rem,2.5vw,1.5rem);margin-bottom:var(--spacing-xl);opacity:.9;font-weight:300;animation:fadeInUp .8s var(--animation-smooth) .6s both}[data-theme=dark] .hero{background:linear-gradient(135deg,#2d3748,#4a5568)}[data-theme=dark] .hero-title{color:#f7fafc}[data-theme=dark] .hero-subtitle{color:#e2e8f0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all var(--transition-normal);animation:slideInFromTop .6s var(--animation-smooth)}.navbar.scrolled{background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.3);border-bottom:1px solid hsla(0,0%,100%,.1)}.navbar.scrolled .navbar-link,.navbar.scrolled .navbar-logo{color:#fff}.navbar-container{justify-content:space-between;padding:1rem var(--spacing-lg);width:100%;max-width:none;margin:0;position:relative;gap:2rem}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{font-size:1.75rem;font-weight:700;color:var(--primary-color);text-decoration:none;font-family:var(--font-family-secondary);letter-spacing:-.5px;transition:all var(--transition-normal)}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo img{display:block;height:80px;width:auto;object-fit:contain}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;gap:3rem;align-items:center;flex:1 1;justify-content:center}.navbar-link{color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all var(--transition-fast);position:relative;padding:.75rem 0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar-link:hover{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width var(--transition-normal);box-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar-link:hover:after{width:100%}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-link.language-switch{background:transparent;color:#fff;padding:.75rem 1.5rem;border:2px solid #fff;border-radius:var(--radius-md);font-weight:600;font-size:1rem;transition:all var(--transition-fast)}.navbar-link.language-switch:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,0%,100%,.2);animation:pulse .3s var(--animation-bounce)}.navbar-link.language-switch:after{display:none}.section{padding:var(--spacing-3xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width:768px){.navbar-container{padding:var(--spacing-sm) var(--spacing-md)}.navbar-logo{font-size:1rem}.navbar-menu{display:none}.hero{padding:var(--spacing-2xl) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:var(--spacing-2xl) 0}.container{padding:0 var(--spacing-sm)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.grid .card:first-child{animation-delay:.1s}.grid .card:nth-child(2){animation-delay:.2s}.grid .card:nth-child(3){animation-delay:.3s}.grid .card:nth-child(4){animation-delay:.4s}@media (max-width:1024px){.navbar-menu{gap:var(--spacing-md)}.navbar-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes circularProgress{0%{stroke-dasharray:0 100}to{stroke-dasharray:100 100}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes loaderFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f1419,#1a202c 50%,#0f1419);display:flex;align-items:center;justify-content:center;z-index:9999;transition:all 2s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible;overflow:hidden;max-width:100vw;max-height:100vh}.loader.fade-to-video{opacity:0;visibility:hidden;background:transparent;transition:all 2s cubic-bezier(.25,.46,.45,.94);animation:backgroundToTransparent 2s cubic-bezier(.25,.46,.45,.94) forwards}.loader-content{text-align:center;animation:fadeInUp 1s ease-out;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:100vw;max-height:100vh}.loader-logo{width:60px;height:60px;object-fit:cover;animation:logoStartup 1.5s cubic-bezier(.25,.46,.45,.94) forwards,logoGlow 1.5s ease-in-out infinite}.loader-logo.fade-to-video{animation:fadeToVideo .8s cubic-bezier(.25,.46,.45,.94) forwards;width:100vw!important;height:100vh!important;transform:scale(1)!important;max-width:100vw!important;max-height:100vh!important;overflow:hidden!important}.loader-progress{position:relative;width:120px;height:120px}.loader-progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.loader-progress-circle-bg{fill:none;stroke:hsla(0,0%,100%,.1);stroke-width:4}.loader-progress-circle-fill{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:0 283;animation:circularProgress 3s ease-out forwards}.loader-text{color:#fff;font-size:1rem;font-weight:400;letter-spacing:1px;opacity:0;animation:fadeInUp .5s ease-out .5s forwards}[data-theme=dark] .loader{background:linear-gradient(135deg,#0f1419,#1a202c 50%,#0f1419)}@keyframes logoStartup{0%{opacity:0;transform:scale(.1);width:60px;height:60px}to{opacity:1;transform:scale(1);width:100vw;height:100vh}}@keyframes logoStartupMobile{0%{opacity:0;transform:scale(.2);width:80px;height:80px}40%{opacity:.8;transform:scale(.7);width:120px;height:120px}70%{opacity:.95;transform:scale(.9);width:160px;height:160px}to{opacity:1;transform:scale(1);width:200px;height:200px}}@keyframes fadeToVideoMobile{0%{opacity:1;transform:scale(1);width:200px;height:200px;filter:brightness(1) blur(0)}30%{opacity:.7;transform:scale(1.3);width:250px;height:250px;filter:brightness(1.2) blur(.5px)}60%{opacity:.4;transform:scale(1.8);width:350px;height:350px;filter:brightness(1.5) blur(1px)}to{opacity:0;transform:scale(2.2);width:450px;height:450px;filter:brightness(2) blur(2px)}}@keyframes logoGlow{0%,to{filter:brightness(1) drop-shadow(0 0 10px rgba(255,255,255,.3))}50%{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.6))}}@keyframes fadeToVideo{0%{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}25%{opacity:.9;transform:scale(1);filter:brightness(1.1) blur(.2px)}50%{opacity:.6;transform:scale(1);filter:brightness(1.2) blur(.5px)}75%{opacity:.2;transform:scale(1);filter:brightness(1.4) blur(1px)}to{opacity:0;transform:scale(1);filter:brightness(1.8) blur(2px)}}@keyframes backgroundToTransparent{0%{background:linear-gradient(135deg,#0f1419,#1a202c 50%,#0f1419)}to{background:transparent}}@keyframes heroFadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.loader{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.loader,.loader-content{overflow:hidden!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}.loader-content{display:flex!important;justify-content:center!important;align-items:center!important}.loader-logo{width:80px!important;height:80px!important;max-width:200px!important;max-height:200px!important;animation:logoStartupMobile 1.2s cubic-bezier(.25,.46,.45,.94) forwards,logoGlow 1.2s ease-in-out infinite!important;object-fit:contain!important}.loader-logo.fade-to-video{width:200px!important;height:200px!important;max-width:450px!important;max-height:450px!important;animation:fadeToVideoMobile .8s cubic-bezier(.25,.46,.45,.94) forwards!important;object-fit:contain!important;overflow:visible!important}body,html{overflow-x:hidden!important}}@media (max-width:480px){.loader-logo{width:70px!important;height:70px!important;max-width:150px!important;max-height:150px!important;animation:logoStartupMobile 1.2s cubic-bezier(.25,.46,.45,.94) forwards,logoGlow 1.2s ease-in-out infinite!important}.loader-logo.fade-to-video{width:150px!important;height:150px!important;max-width:350px!important;max-height:350px!important;animation:fadeToVideoMobile .8s cubic-bezier(.25,.46,.45,.94) forwards!important}}@media (max-width:768px) and (orientation:landscape){.loader-logo{width:80px!important;height:80px!important;max-width:180px!important;max-height:180px!important;animation:logoStartupMobile 1.2s cubic-bezier(.25,.46,.45,.94) forwards,logoGlow 1.2s ease-in-out infinite!important}.loader-logo.fade-to-video{width:180px!important;height:180px!important;max-width:400px!important;max-height:400px!important;animation:fadeToVideoMobile .8s cubic-bezier(.25,.46,.45,.94) forwards!important}}@media (max-width:768px){.loader,.loader-content,.loader-logo{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}}