.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease;background-color:var(--white);box-shadow:0 2px 10px #0000001a;padding:15px 0}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-container{display:flex;align-items:center;text-decoration:none}.logo{height:120px;width:auto;transition:height .3s ease}.nav{display:flex;align-items:center;gap:30px;position:absolute;left:50%;transform:translate(-50%)}.nav-link{background:none;color:var(--text-dark);font-size:15px;font-weight:500;padding:8px 18px;transition:all .3s ease;position:relative;text-decoration:none;border:none}.nav-link:hover{color:var(--gold-accent)}.nav-link.active{color:var(--primary-green);font-weight:600}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background-color:var(--gold-accent);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:80%}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;padding:8px}.mobile-menu-toggle span{width:25px;height:3px;background-color:var(--primary-green);transition:all .3s ease}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.header-container{justify-content:space-between}.nav{position:fixed;top:130px;left:-100%;width:100%;background-color:var(--white);flex-direction:column;padding:20px;gap:15px;box-shadow:0 4px 10px #0000001a;transition:left .3s ease;transform:none}.nav.mobile-open{left:0}.nav-link{color:var(--text-dark);width:100%;text-align:center;padding:12px}.logo{height:100px}.header.scrolled .logo{height:85px}}.footer{background-color:#f8f8f8;color:#2b2b2b;border-top:1px solid #e0e0e0}.footer-content{padding:80px 20px 40px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-section{display:flex;flex-direction:column}.footer-logo{margin-bottom:20px}.footer-logo img{height:120px;width:auto}.footer-description{font-size:14px;line-height:1.7;opacity:.8;color:#666}.footer-title{font-size:18px;font-weight:600;color:var(--gold-accent);margin-bottom:20px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#666;font-size:14px;padding:0;transition:all .3s ease;text-decoration:none;display:inline-block}.footer-links a:hover{color:var(--gold-accent);transform:translate(3px)}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-bottom:15px;color:#666}.footer-contact a{color:#666;text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:var(--gold-accent)}.contact-icon{font-size:16px;flex-shrink:0}.footer-bottom{border-top:1px solid #e0e0e0;padding:25px 20px;background-color:#efefef}.footer-bottom-content{text-align:center;font-size:14px;color:#666}@media (max-width: 968px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width: 768px){.footer-content{padding:60px 20px 30px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-logo img{height:100px}.footer-bottom-content{flex-direction:column;gap:15px;text-align:center}}.loader-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fa}.loader-spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top-color:#2d6a2e;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #1F4D2B;--cocoa-brown: #6B3E1E;--gold-accent: #C58A1C;--palm-oil-accent: #B3471E;--background: #F5F3ED;--text-dark: #2B2B2B;--white: #FFFFFF}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);background-color:var(--background);line-height:1.6}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--primary-green)}p{line-height:1.8}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block;loading:lazy}section{padding:80px 40px}.container{max-width:1200px;margin:0 auto;padding:0 40px}@media (max-width: 768px){section{padding:60px 20px}}