@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap";.navbar{z-index:1000;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.top-bar{background-color:var(--primary);color:var(--white);padding:8px 0;font-size:13px;transition:all .4s}.top-bar a{opacity:.9;letter-spacing:.5px;align-items:center;gap:8px;margin-right:25px;display:flex}.top-bar a:hover{opacity:1;color:var(--accent)}.social-links{align-items:center;display:flex}.social-links a{margin-left:18px;margin-right:0}.main-nav{-webkit-backdrop-filter:blur(12px);background-color:#ffffffd9;border-bottom:1px solid #ffffff4d;padding:28px 0;transition:all .4s}.navbar.scrolled .top-bar{opacity:0;transform:translateY(-100%)}.navbar.scrolled .main-nav{background-color:#fffffff2;padding:18px 0;transform:translateY(-38px);box-shadow:0 10px 30px #00000014}@media (width<=480px){.navbar.scrolled .main-nav{transform:translateY(0)}}.logo{align-items:center;display:flex}.logo-img{object-fit:contain;z-index:100;max-width:250px;height:85px;transition:var(--transition);transform-origin:0;margin-top:-12px;margin-bottom:-15px;position:relative;transform:scale(1.35)}.main-nav .container{justify-content:space-between;align-items:center;display:flex}.desktop-links{align-items:center;gap:40px;display:flex}.desktop-links a{color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;font-size:15px;font-weight:600;position:relative}.desktop-links a:not(.btn):after{content:"";background-color:var(--secondary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.desktop-links a:hover:not(.btn):after,.desktop-links a.active:not(.btn):after{width:100%}.nav-cta{border-radius:50px;padding:10px 24px;font-size:14px;box-shadow:0 4px 15px #2d5a2733;color:#fff!important}.mobile-toggle{color:var(--primary);transition:var(--transition);background:0 0;border-radius:8px;padding:8px;display:none}.mobile-toggle:hover{background-color:#2d5a270d}.mobile-menu{background-color:var(--white);z-index:2000;flex-direction:column;width:80%;max-width:400px;height:100vh;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-15px 0 40px #0000001a}.menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;background-color:#00000080;width:100%;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-menu.open{right:0}.menu-header{background-color:var(--white);border-bottom:1px solid #0000000d;padding:30px 24px}.menu-close{color:var(--primary);transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.menu-close:hover{background-color:#2d5a271a}.menu-links{flex-direction:column;gap:30px;padding:50px 24px;display:flex}.menu-links a{color:var(--primary-dark);opacity:0;transition:all .5s;transition-delay:calc(var(--i) * .1s);font-family:Playfair Display,serif;font-size:32px;font-weight:700;text-decoration:none;transform:translate(30px)}.mobile-menu.open .menu-links a{opacity:1;transform:translate(0)}.menu-links a.active{color:var(--secondary)}.menu-cta{text-align:center;margin-top:20px;color:#fff!important;padding:16px!important;font-family:Outfit,sans-serif!important;font-size:18px!important}@media (width<=992px){.desktop-links{display:none!important}.mobile-toggle{display:block!important}.contact-info a span{display:none}}@media (width<=480px){.logo-img{transform-origin:0;height:60px;margin-top:-5px;margin-bottom:-25px;transform:scale(1.25)}.top-bar{display:none}}.footer{color:#e5e7eb;background-color:#1a2a18;padding:80px 0 30px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.footer-logo-wrapper{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:260px;height:130px;margin-bottom:15px;padding:10px 20px;display:inline-flex}.brand-col .logo-img{object-fit:contain;max-width:250px;height:110px;position:relative;transform:scale(1.15)}.brand-desc{color:#9ca3af;max-width:300px;margin:20px 0;font-size:15px}.footer-social{gap:15px;display:flex}.footer-social a{width:36px;height:36px;transition:var(--transition);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background-color:var(--secondary);color:var(--white);transform:translateY(-3px)}.footer-col h3{color:var(--white);margin-bottom:25px;padding-bottom:10px;font-size:20px;position:relative}.footer-col h3:after{content:"";background-color:var(--secondary);width:40px;height:2px;position:absolute;bottom:0;left:0}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:#9ca3af;align-items:center;gap:10px;font-size:15px;display:flex}.footer-col ul li a:hover{color:var(--accent);padding-left:5px}.catalog-link.highlight-catalog{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:8px;align-items:center;gap:8px;margin-top:15px;padding:10px 18px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000026;color:#fff!important}.catalog-link.highlight-catalog:hover{padding-left:18px;transform:translateY(-3px);box-shadow:0 6px 15px #0003}.contact-col .contact-item{gap:15px;margin-bottom:20px;display:flex}.contact-col .icon{color:var(--secondary);flex-shrink:0}.contact-col p{font-size:15px;line-height:1.4}.footer-bottom{text-align:center;color:#6b7280;border-top:1px solid #ffffff0d;padding-top:30px;font-size:14px}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.footer{padding:50px 0 30px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.brand-col{flex-direction:column;align-items:center;display:flex}.brand-desc{max-width:100%;margin-left:auto;margin-right:auto}.footer-social{justify-content:center}.footer-col h3:after{left:50%;transform:translate(-50%)}.footer-col ul li a{justify-content:center}.contact-col .contact-item{text-align:center;flex-direction:column;align-items:center;gap:10px}}.floating-widgets{z-index:999;flex-direction:column;gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.widget-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 15px #0003}.widget-btn:hover{transform:scale(1.1)}.whatsapp-btn{color:#fff;background-color:#25d366}.scroll-btn{background-color:var(--primary);color:#fff;opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.tooltip{background-color:var(--primary-dark);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;box-shadow:var(--shadow);border-radius:20px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .3s;position:absolute;right:70px}.widget-btn:hover .tooltip{opacity:1;visibility:visible;right:65px}@media (width<=768px){.floating-widgets{bottom:20px;right:20px}.widget-btn{width:48px;height:48px}}.chatbot-container{z-index:1000;font-family:inherit;position:fixed;bottom:30px;left:30px}.chatbot-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#811e1e,#b32a2a);border:none;border-radius:50px;align-items:center;gap:12px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 25px #811e1e4d}.chatbot-toggle:hover{background:linear-gradient(135deg,#9b2424,#cc3030);transform:translateY(-5px);box-shadow:0 15px 30px #811e1e66}.toggle-label{font-size:.95rem;font-weight:600}.chatbot-window{background:#fff;border-radius:20px;flex-direction:column;width:380px;height:550px;animation:.4s cubic-bezier(.4,0,.2,1) slideIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{color:#fff;background:#811e1e;justify-content:space-between;align-items:center;padding:20px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.bot-avatar{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.header-info h3{margin:0;font-size:1.1rem;font-weight:700}.status-online{opacity:.8;align-items:center;gap:4px;font-size:.75rem;display:flex}.status-online:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;display:block}.close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;transition:opacity .2s}.close-btn:hover{opacity:1}.chatbot-messages{background:#fdfdfd;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message-wrapper{gap:10px;max-width:85%;display:flex}.message-wrapper.user{flex-direction:row-reverse;align-self:flex-end}.message-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:4px;display:flex}.user .message-icon{color:#4f46e5;background:#eef2ff}.assistant .message-icon{color:#811e1e;background:#fef2f2}.message-content{border-radius:15px;padding:12px 16px;font-size:.92rem;line-height:1.5}.user .message-content{color:#fff;background:#4f46e5;border-bottom-right-radius:2px}.assistant .message-content{color:#333;background:#fff;border:1px solid #eee;border-bottom-left-radius:2px;box-shadow:0 4px 6px #00000005}.thinking{color:#666;align-items:center;gap:8px;font-style:italic;display:flex}.chatbot-input{background:#fff;border-top:1px solid #eee;gap:10px;padding:15px 20px;display:flex}.chatbot-input input{border:1px solid #ddd;border-radius:25px;outline:none;flex:1;padding:10px 18px;font-size:.9rem;transition:border-color .2s}.chatbot-input input:focus{border-color:#811e1e}.chatbot-input button{color:#fff;cursor:pointer;background:#811e1e;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatbot-input button:disabled{cursor:not-allowed;background:#ccc}.chatbot-input button:not(:disabled):hover{background:#9b2424;transform:scale(1.05)}@media (width<=480px){.chatbot-window{width:calc(100vw - 40px);height:500px;bottom:80px;left:20px}.chatbot-container{left:20px}}.hero{align-items:center;height:90vh;min-height:600px;margin-top:-100px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:-1;background:linear-gradient(90deg,#000c 0%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{color:var(--white);padding-top:100px}.hero-tagline{background-color:var(--secondary);color:var(--white);text-transform:uppercase;letter-spacing:2px;border-radius:2px;margin-bottom:20px;padding:5px 15px;font-size:14px;font-weight:600;display:inline-block}.hero-text h1{color:var(--white);margin-bottom:25px;font-size:64px;line-height:1.1}.hero-text h1 span{color:var(--accent)}.hero-text p{opacity:.9;max-width:600px;margin-bottom:40px;font-size:18px}.hero-btns{gap:20px;display:flex}.hero-btns .btn{align-items:center;gap:10px;display:flex}.btn-outline{border:2px solid var(--white);color:var(--white);padding:10px 24px}.btn-outline:hover{background-color:var(--white);color:var(--primary)}.btn-catalog{color:#000;background:linear-gradient(135deg,#d4af37 0%,#f9d976 100%);border:none;padding:10px 24px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #d4af3766}.btn-catalog:hover{color:#000;background:linear-gradient(135deg,#f9d976 0%,#d4af37 100%);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3799}@media (width<=768px){.hero-text h1{font-size:40px}.hero-btns{flex-direction:column;width:fit-content}}.certifications{background-color:var(--white);position:relative;overflow:hidden}.cert-slider-container{align-items:center;width:100%;margin-top:40px;padding:0 40px;display:flex;position:relative}.cert-cards-scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;gap:30px;width:100%;padding:20px 0;display:flex;overflow-x:auto}.cert-cards-scroll::-webkit-scrollbar{display:none}.cert-card{background:linear-gradient(145deg, #fff, var(--bg-cream));text-align:center;cursor:pointer;border:1px solid #00000008;border-radius:20px;flex-shrink:0;min-width:280px;max-width:320px;padding:40px 30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.cert-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.cert-card:hover{border-color:#2d5a271a;transform:translateY(-12px);box-shadow:0 25px 50px #2d5a271a}.cert-card:hover:before{transform:scaleX(1)}.icon-wrapper{background-color:var(--primary-dark);border-radius:16px;margin-bottom:25px;padding:25px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #0000001a}.icon-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#fff0 70%);position:absolute;inset:0}.cert-icon,.cert-icon-img{object-fit:contain;width:120px;height:120px;color:var(--secondary);z-index:1;filter:drop-shadow(0 5px 10px #0003);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.cert-card h3{color:var(--primary-dark);margin-bottom:10px;font-size:18px}.cert-card p{color:var(--text-light);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.cert-nav-arrow{border:2px solid var(--primary);width:44px;height:44px;color:var(--primary);cursor:pointer;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000014}.cert-nav-arrow:hover{background:var(--primary);color:#fff;transform:translateY(-50%)scale(1.1)}.cert-nav-arrow.left-arrow{left:0}.cert-nav-arrow.right-arrow{right:0}.cert-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.cert-modal-content{background:var(--white);border-radius:24px;flex-direction:column;width:100%;max-width:1000px;max-height:95vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.cert-modal-close{background:var(--bg-cream);cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.cert-modal-close:hover{background:var(--primary);color:var(--white);transform:rotate(90deg)}.cert-modal-body{flex-direction:column;height:100%;display:flex}.cert-modal-image{background:0 0;justify-content:center;align-items:center;height:85vh;min-height:600px;padding:20px;display:flex;position:relative}.cert-modal-image img{object-fit:contain;filter:drop-shadow(0 15px 30px #0000001a);z-index:1;max-width:100%;max-height:100%}.cert-modal-info{text-align:center;background:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:20px 40px 40px;display:flex}.cert-modal-info h2{color:var(--primary-dark);margin:10px 0 15px;font-size:32px}.cert-modal-info p{color:var(--text-light);max-width:650px;font-size:16px;line-height:1.6}@media (width<=768px){.cert-slider-container{padding:0 10px}.cert-nav-arrow{display:none}}@media (width<=600px){.cert-modal-content{max-height:95vh}.cert-modal-image{height:55vh;min-height:350px;margin-top:15px;padding:10px}.cert-modal-info h2{font-size:24px}.cert-modal-info{padding:24px}}.product-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:32px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d}.product-image{background:#f8fafc;height:320px;padding:20px;position:relative;overflow:hidden}.product-image img{object-fit:contain;width:100%;height:100%}.product-card:hover{border-color:var(--primary-light);box-shadow:0 30px 60px -12px #0000001f}.product-content{background:#fff;flex-direction:column;flex-grow:1;gap:12px;padding:32px;display:flex}.product-content h3{color:var(--text-dark);margin:0;font-size:24px;font-weight:700;line-height:1.2}.product-content p{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.view-more{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:700;transition:gap .3s;display:inline-flex}.view-more:hover{color:var(--secondary);gap:12px}.disabled-link{color:#94a3b8;cursor:not-allowed;text-transform:uppercase;letter-spacing:.05em;align-items:center;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.product-card.inactive{box-shadow:none;border-color:#e2e8f0;position:relative}.product-card.inactive .product-image img,.product-card.inactive .product-content h3,.product-card.inactive .product-content p,.product-card.inactive .product-content .card-badge{opacity:.99}.upcoming-overlay{z-index:10;background:#ffffff1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.upcoming-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fff;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:800;transform:rotate(-5deg);box-shadow:0 8px 16px #d9770640}.no-image{background:#f1f5f9;border-radius:20px;width:100%;height:100%}.card-badge{color:#16a34a;text-transform:uppercase;letter-spacing:.02em;background:#f0fdf4;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.product-card-link{color:inherit;height:100%;text-decoration:none;display:block}.product-card-link:hover .view-more{color:var(--secondary);gap:12px}@media (width<=768px){.product-image{height:240px}.product-content{padding:20px}}.faq-container{flex-direction:column;gap:16px;max-width:800px;margin:40px auto 0;display:flex}.faq-item{background:#fff;border:1px solid #0000000d;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 15px #00000008}.faq-item:hover,.faq-item.active{border-color:#0000001a;box-shadow:0 10px 25px #00000014}.faq-question{text-align:left;cursor:pointer;width:100%;color:var(--text-dark);background:0 0;border:none;justify-content:space-between;align-items:center;padding:24px;font-family:inherit;display:flex}.faq-question h3{flex:1;margin:0;padding:0 16px;font-size:1.1rem;font-weight:600}.faq-icon{color:var(--primary);background:var(--primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.faq-chevron{color:#666;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-chevron.rotated{color:var(--primary);transform:rotate(180deg)}.faq-answer-wrapper{overflow:hidden}.faq-answer{color:#555;padding:0 24px 24px 80px;line-height:1.6}@media (width<=768px){.faq-question{padding:20px}.faq-question h3{padding:0 12px;font-size:1rem}.faq-answer{padding:0 20px 20px}.faq-icon{display:none}}.bg-light{background-color:#f8fafc}.section-tag{color:var(--secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:14px;font-weight:700;display:block}.section-header{margin-bottom:50px}.section-header h2{margin-bottom:15px;font-size:42px}.section-header h2 span{color:var(--primary)}.about-summary .container{grid-template-columns:1fr 1fr;align-items:center;gap:60px}.img-wrapper{position:relative}.img-wrapper img{object-fit:cover;width:100%;height:500px;box-shadow:20px 20px 0 var(--primary);border-radius:10px}.experience-badge{background-color:var(--secondary);color:var(--white);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex;position:absolute;bottom:20px;right:-20px}.experience-badge .years{font-size:32px;font-weight:800;line-height:1}.experience-badge .text{text-transform:uppercase;font-size:12px;font-weight:600}.about-text h2 span{color:var(--primary)}.about-text p{color:var(--text-light);margin:25px 0 40px;font-size:17px}.stats-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.stat-item .icon{color:var(--primary);margin-bottom:15px}.stat-item h4{margin-bottom:5px;font-size:20px}.product-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.features-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;display:grid}.feature-card{background-color:var(--white);text-align:center;transition:var(--transition);border:1px solid #eee;border-radius:12px;padding:40px 30px;box-shadow:0 10px 30px #0000000d}.feature-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 15px 40px #2d5a271a}.feature-card .icon-box{width:70px;height:70px;color:var(--primary);transition:var(--transition);background-color:#2d5a270d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 25px;display:flex}.feature-card:hover .icon-box{background-color:var(--primary);color:var(--white)}.feature-card h3{margin-bottom:15px;font-size:22px;font-weight:700}.feature-card p{color:var(--text-light);font-size:15px;line-height:1.6}.stats-section{background:linear-gradient(135deg, var(--primary-dark), #0f2310);color:var(--white);box-shadow:var(--shadow-lg);border:1px solid #ffffff0d;border-radius:20px;padding:60px 0}.stats-container{text-align:center;justify-content:space-around}.home-stat-card{transition:var(--transition);box-shadow:none;background:0 0;border:none;flex:1;padding:20px}.home-stat-icon{color:var(--accent);opacity:.9;margin-bottom:15px}.home-stat-card h3{margin-bottom:10px;font-size:64px;font-weight:800;line-height:1}.home-stat-card:first-child h3{color:var(--accent)}.home-stat-card:nth-child(2) h3{color:#e9c46a}.home-stat-card:nth-child(3) h3{color:#81b29a}.home-stat-card p{text-transform:uppercase;letter-spacing:1px;color:#fffc;margin:0;font-size:16px;font-weight:700}.cta-banner{background-image:linear-gradient(#0009,#0009),url(../assets/cta-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;padding:100px 0;position:relative}.cta-content-box{-webkit-backdrop-filter:blur(15px);text-align:center;max-width:800px;color:var(--white);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:0 auto;padding:60px 40px;box-shadow:0 20px 50px #0000004d}.cta-tag{background-color:var(--accent);color:var(--white);text-transform:uppercase;letter-spacing:2px;border-radius:50px;margin-bottom:25px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-block}.cta-content-box h2{margin-bottom:20px;font-size:48px;line-height:1.2}.cta-content-box p{opacity:.9;max-width:600px;margin-bottom:35px;margin-left:auto;margin-right:auto;font-size:18px}.btn-lg{padding:18px 40px;font-size:18px;font-weight:700}@media (width<=992px){.about-summary .container{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-content-box h2{font-size:36px}}@media (width<=600px){.product-grid,.features-grid{grid-template-columns:1fr}.stats-container{flex-direction:column;gap:40px}.cta-banner{padding:60px 0}.cta-content-box{padding:40px 20px}.cta-content-box h2{font-size:28px}.experience-badge{right:10px}}.products-page{background-color:var(--white)}.page-header{color:var(--white);text-align:center;background-color:#1a2a18;padding:150px 0 80px}.page-header h1{color:var(--white);margin-bottom:15px;font-size:48px}.page-header h1 span{color:var(--accent)}.page-header p{opacity:.8;max-width:600px;margin:0 auto;font-size:18px}.category-filter{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}.filter-btn{background-color:var(--white);color:var(--text-dark);transition:var(--transition);border:1px solid #e5e7eb;border-radius:50px;padding:10px 25px;font-size:14px;font-weight:600}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background-color:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 4px 15px #2d5a2733}@media (width<=768px){.page-header{padding:120px 0 60px}.page-header h1{font-size:36px}.category-filter{gap:10px}.filter-btn{padding:8px 18px;font-size:13px}}.product-detail-page{background-color:var(--admin-bg)}.detail-header{background:linear-gradient(#fefefe 0%,#f1f5f9 100%);padding:180px 0 100px}.back-link{color:#64748b;background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:48px;padding:8px 16px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 6px -1px #0000000d}.back-link:hover{color:var(--primary);transform:translate(-4px);box-shadow:0 10px 15px -3px #0000001a}.detail-grid{grid-template-columns:1.1fr .9fr;align-items:flex-start;gap:80px;display:grid}.product-main-image{position:sticky;top:140px}.product-main-image img{object-fit:contain;background:#fff;border-radius:32px;width:100%;height:600px;padding:40px;box-shadow:0 25px 50px -12px #00000014}.category-tag{background:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:700;display:inline-block}.upcoming-detail-badge{color:#fff;text-transform:uppercase;letter-spacing:.1em;vertical-align:middle;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fff;border-radius:50px;margin-left:15px;padding:6px 16px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 4px 10px #d9770633}.product-main-info h1{color:var(--text-dark);margin-bottom:24px;font-size:56px;line-height:1.1}.large-desc{color:#475569;margin-bottom:40px;font-size:1.15rem;line-height:1.7}.packaging-info h3{color:var(--text-dark);margin-bottom:20px;font-size:1.5rem}.pack-tags{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.pack-tag{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.pack-tag:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.specifications{z-index:2;background:#fff;border-radius:64px 64px 0 0;margin-top:-64px;padding-top:100px;padding-bottom:120px;position:relative;box-shadow:0 -20px 40px #00000005}.specs-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:32px;max-width:900px;margin:60px auto 0;padding:12px}.specs-table{border-collapse:separate;border-spacing:0;width:100%}.specs-table th{background:var(--primary);color:#fff;text-align:left;border-radius:24px 24px 0 0;padding:24px 32px;font-size:18px}.specs-table td{background:#fff;border-bottom:1px solid #00000008;padding:20px 32px;font-size:16px}.specs-table tr:last-child td{border-bottom:none}.specs-table tr:last-child td:first-child{border-bottom-left-radius:24px}.specs-table tr:last-child td:last-child{border-bottom-right-radius:24px}.param-name{color:#64748b;width:40%;font-weight:600}.param-value{color:var(--text-dark);font-weight:700}@media (width<=1200px){.product-main-info h1{font-size:44px}.detail-grid{gap:40px}}@media (width<=992px){.detail-grid{grid-template-columns:1fr}.product-main-image{position:relative;top:0}.product-main-image img{height:auto;max-height:500px}}@media (width<=600px){.detail-header{padding:120px 0 60px}.product-main-info h1{font-size:32px}.specifications{border-radius:40px 40px 0 0}}:root{--admin-bg:#f8fafc;--admin-card-bg:#fffc;--admin-primary:#1e293b;--admin-accent:var(--primary);--admin-border:#e2e8f0cc}.admin-layout{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);min-height:100vh;padding:120px 20px 60px}.admin-dashboard,.admin-products,.admin-settings{max-width:1200px;margin:0 auto}.admin-header{margin-bottom:40px}.admin-header h1{color:var(--admin-primary);margin-bottom:8px;font-size:2.5rem}.admin-header h1 span{color:var(--admin-accent)}.admin-header p{color:#64748b;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.stat-card{background:var(--admin-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--admin-border);border-radius:24px;align-items:center;gap:20px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.stat-card:hover{border-color:var(--admin-accent);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-icon{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 10px 15px -3px #0000001a}.stat-icon.products{color:#f59e0b;background:#fffbeb}.stat-icon.settings{color:#0ea5e9;background:#f0f9ff}.stat-icon.users{color:#10b981;background:#ecfdf5}.stat-info h3{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.95rem}.stat-value{color:var(--admin-primary);font-size:2rem;font-weight:700}.quick-actions h2{color:var(--admin-primary);margin-bottom:24px;font-size:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.action-card{background:var(--admin-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--admin-border);color:var(--admin-primary);border-radius:20px;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.action-card:hover{border-color:var(--admin-accent);color:var(--admin-accent);background:#fff}.action-card svg:last-child{opacity:.5;margin-left:auto;transition:transform .3s}.action-card:hover svg:last-child{opacity:1;transform:translate(4px,-4px)}.table-container,.settings-form-container{background:var(--admin-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--admin-border);border-radius:32px;padding:40px;box-shadow:0 10px 30px -10px #00000014}.admin-table{border-collapse:separate;border-spacing:0 12px;width:100%}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;padding:12px 20px;font-size:.85rem;font-weight:600}.admin-table tr:not(:last-child) td{border-bottom:12px solid #0000}.admin-table td{background:#fff;padding:20px}.admin-table td:first-child{border-radius:16px 0 0 16px}.admin-table td:last-child{border-radius:0 16px 16px 0}.primary-btn{background:var(--admin-accent);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:14px 28px;font-weight:700;transition:all .3s;display:flex}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px -5px #0003}.icon-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-btn.edit{color:#16a34a;background:#f0fdf4}.icon-btn.delete{color:#dc2626;background:#fef2f2}.icon-btn:hover{transform:scale(1.1)}.settings-section{margin-bottom:40px}.settings-section h2{color:var(--admin-primary);border-bottom:2px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;font-size:1.4rem;display:flex}.settings-section h2 svg{color:var(--admin-accent)}.input-group label{color:#475569;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:flex}.input-group input,.input-group textarea{width:100%;color:var(--admin-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:16px 20px;font-size:.95rem;transition:all .3s}.input-group input:focus,.input-group textarea:focus{border-color:var(--admin-accent);background:#fff;outline:none;box-shadow:0 0 0 4px #0000000a}.custom-multiselect{width:100%;position:relative}.multiselect-header{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.multiselect-header:hover{border-color:var(--admin-accent);background:#fff}.multiselect-header.active{border-color:var(--admin-accent);background:#fff;box-shadow:0 0 0 4px #0000000a}.selected-tags{flex-wrap:wrap;flex:1;gap:8px;display:flex}.selected-tags .placeholder{color:#94a3b8;font-size:.95rem}.selected-tags .tag{color:#fff;background:#1e293b;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:600;animation:.2s fadeIn;display:flex}.selected-tags .tag svg{cursor:pointer;opacity:.7;transition:opacity .2s}.selected-tags .tag svg:hover{opacity:1}.multiselect-header .arrow{color:#64748b;transition:transform .3s}.multiselect-header .arrow.up{transform:rotate(180deg)}.multiselect-dropdown{-webkit-backdrop-filter:blur(12px);border:1px solid var(--admin-border);z-index:100;background:#ffffffe6;border-radius:20px;width:100%;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.dropdown-item{cursor:pointer;color:var(--admin-primary);justify-content:space-between;align-items:center;padding:12px 20px;font-size:.95rem;transition:all .2s;display:flex}.dropdown-item:hover{background:#f1f5f9}.dropdown-item.selected{color:#16a34a;background:#f0fdf4;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.table-actions{justify-content:flex-end;margin-bottom:24px;display:flex}.search-bar{align-items:center;width:100%;max-width:300px;display:flex;position:relative}.search-bar svg{color:#64748b;pointer-events:none;position:absolute;left:16px}.search-bar input{border:1px solid #e2e8f0;border-radius:100px;width:100%;font-size:.95rem;transition:all .3s;padding:14px 18px 14px 52px!important}.image-uploader{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:24px;transition:all .3s}.image-uploader:hover{border-color:var(--admin-accent);background:#fff}.upload-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:12px;display:flex}.image-preview{border-radius:12px;width:100%;max-height:200px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.remove-image{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image:hover{background:#ef4444;transform:scale(1.1)}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:32px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-header h2{color:var(--admin-primary);margin:0;font-size:1.5rem}.modal-body{padding:32px;overflow-y:auto}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:16px;padding:24px 32px;display:flex}.btn-light{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;padding:12px 24px;font-weight:600}.gap-5{gap:5px}.gap-10{gap:10px}.gap-30{gap:30px}.flex-1{flex:1}.flex-between{justify-content:space-between;align-items:center;display:flex}.mb-15{margin-bottom:15px}.mb-10{margin-bottom:10px}.text-btn{color:var(--admin-accent);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}.badge{background:#f1f5f9;border-radius:100px;padding:4px 12px;font-size:.85rem;font-weight:600}.loader-container{min-height:400px}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;transition:color .2s}.close-btn:hover{color:#ef4444}.admin-tabs{border-bottom:1px solid var(--admin-border);gap:12px;margin-bottom:32px;padding-bottom:12px;display:flex}.admin-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.admin-tab:hover{background:#fff}.admin-tab.active{background:var(--admin-accent);color:#fff}.about-edit-grid{grid-template-columns:350px 1fr;gap:40px;margin-bottom:30px;display:grid}.settings-image-preview{aspect-ratio:4/5;border:1px solid var(--admin-border);background:#f1f5f9;border-radius:20px;width:100%;position:relative;overflow:hidden}.settings-image-preview img{object-fit:cover;width:100%;height:100%}.upload-overlay{color:#fff;opacity:0;cursor:pointer;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;inset:0}.settings-image-preview:hover .upload-overlay{opacity:1}.infra-cards-manager{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.infra-manage-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:32px;padding:32px;transition:all .3s}.infra-manage-card:hover{border-color:var(--admin-accent);background:#fff;box-shadow:0 20px 40px -10px #00000014}.infra-card-header{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.infra-card-header input{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;padding:12px 16px;font-weight:700}.infra-manage-card textarea{resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;min-height:120px;margin-top:12px;padding:16px;font-size:.95rem}.delete-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.mt-40{margin-top:40px}.mb-20{margin-bottom:20px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=992px){.about-edit-grid,.grid-2{grid-template-columns:1fr}}.admin-login-wrapper{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle,#0b532d66 0%,#0a1f12cc 100%);position:absolute;inset:0}.premium-login-card{z-index:10;-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:450px;padding:48px;position:relative;box-shadow:0 25px 50px -12px #00000080}.login-brand{margin-bottom:40px}.brand-logo-container{width:80px;height:80px;color:var(--primary);background:#fff;border-radius:24px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 10px 20px #0003}.login-brand h1{color:#fff;margin-bottom:12px;font-size:2.2rem;font-weight:800}.login-brand h1 span{color:#ffd76b}.login-brand p{color:#ffffffb3;font-size:1rem}.premium-login-form .login-error-alert{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;margin-bottom:24px;padding:14px;font-size:.9rem}.login-input-group{margin-bottom:24px}.login-input-group label{color:#ffffffe6;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg{color:#fff6;transition:color .3s;position:absolute;left:16px}.input-with-icon input{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:16px 16px 16px 48px;font-size:1rem;transition:all .3s}.input-with-icon input:focus{background:#0000004d;border-color:#ffd76b;outline:none;box-shadow:0 0 0 4px #ffd76b1a}.input-with-icon input:focus+svg{color:#ffd76b}.login-submit-btn{color:#0c331c;cursor:pointer;background:#ffd76b;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:10px;padding:18px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.login-submit-btn:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer-text{text-align:center;margin-top:32px}.login-footer-text p{color:#ffffff80;font-size:.8rem}.category-chips{margin-top:8px}.chip{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.chip:hover{border-color:var(--admin-accent);color:var(--admin-accent);transform:translateY(-1px)}.chip.active{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff;box-shadow:0 4px 12px #0000001a}.status-toggle{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.status-toggle.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-toggle.active:hover{background:#d1fae5;transform:translateY(-1px)}.status-toggle.inactive{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.status-toggle.inactive:hover{background:#e2e8f0;transform:translateY(-1px)}.category-manager-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--admin-border);background:#ffffffd9;border-radius:24px;margin-bottom:28px;padding:28px 32px;box-shadow:0 4px 20px #0000000a}.add-category-row{align-items:center;gap:12px;margin-top:14px;margin-bottom:4px;display:flex}.add-category-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;outline:none;flex:1;padding:14px 18px;font-size:.95rem;transition:all .3s}.add-category-input:focus{border-color:var(--admin-accent);background:#fff;box-shadow:0 0 0 4px #2d5a270f}.cat-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.cat-chip:hover{border-color:var(--admin-accent);color:var(--admin-accent);background:#fff}.cat-chip-remove{color:#475569;cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .2s;display:flex}.cat-chip-remove:hover{color:#fff;background:#ef4444}.admin-modal-wide{max-width:1100px!important}.blogs-page{background:var(--bg-light)}.blogs-grid-section{padding-top:60px}.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.blog-card{background:#fff;border-radius:24px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.blog-image{height:240px;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-image img{transform:scale(1.1)}.blog-content{flex-direction:column;flex:1;padding:30px;display:flex}.blog-meta{color:#64748b;gap:20px;margin-bottom:15px;font-size:.85rem;display:flex}.blog-meta span{align-items:center;gap:5px;display:flex}.blog-card h3{color:var(--secondary);margin-bottom:15px;font-size:1.5rem;line-height:1.4}.blog-card p{color:#475569;flex:1;margin-bottom:25px;font-size:.95rem;line-height:1.6}.read-more{color:var(--primary);align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:gap .3s;display:flex}.read-more:hover{gap:12px}.blog-card-link{color:inherit;height:100%;text-decoration:none;display:block}.blog-card-link:hover .read-more{gap:12px}.blog-detail-page{background:var(--bg-light);padding:140px 0 80px}.back-link{color:#64748b;align-items:center;gap:8px;margin-bottom:40px;font-weight:600;text-decoration:none;transition:color .3s;display:flex}.back-link:hover{color:var(--primary)}.blog-article{background:#fff;border-radius:40px;max-width:900px;margin:0 auto;padding:60px;box-shadow:0 30px 60px -20px #0000001a}.article-header{margin-bottom:40px}.article-header h1{color:var(--secondary);margin-bottom:20px;font-size:3rem}.article-meta{color:#64748b;gap:30px;font-weight:500;display:flex}.article-meta span{align-items:center;gap:10px;display:flex}.article-image{border-radius:24px;width:100%;height:500px;margin-bottom:50px;overflow:hidden}.article-image img{object-fit:cover;width:100%;height:100%}.article-content{color:#334155;font-size:1.15rem;line-height:1.8}.article-content p{margin-bottom:25px}.article-footer{border-top:1px solid #f1f5f9;margin-top:60px;padding-top:40px}.share-section{align-items:center;gap:20px;display:flex}.share-section span{color:var(--secondary);font-weight:700}.share-buttons button{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.share-buttons button:hover{background:var(--primary);color:#fff;transform:translateY(-3px)}@media (width<=768px){.blog-article{border-radius:24px;padding:30px 20px}.article-header h1{font-size:1.7rem}.article-image{border-radius:16px;height:auto;max-height:300px}.article-image img{object-fit:contain;width:100%;height:100%;max-height:300px}.blog-nav{flex-direction:column}.blog-nav-item{width:100%}}.blog-nav{gap:20px;margin-top:40px;display:flex}.blog-nav-item{flex:1}.blog-nav-link{color:var(--secondary);background:#fff;border:1px solid #f1f5f9;border-radius:20px;align-items:center;gap:14px;padding:20px 24px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 16px #0000000d}.blog-nav-link:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.blog-nav-link.next{text-align:right;justify-content:flex-end}.blog-nav-link svg{color:var(--primary);flex-shrink:0}.blog-nav-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.blog-nav-title{color:var(--secondary);font-size:.95rem;font-weight:700;line-height:1.3;transition:color .3s;display:block}.blog-nav-link:hover .blog-nav-title{color:var(--primary)}.about-page{background-color:var(--white)}.about-grid{grid-template-columns:1.2fr 1.8fr;align-items:center;gap:80px}.about-image img{object-fit:cover;width:100%;height:600px;box-shadow:20px 20px 0 var(--bg-cream);border-radius:20px}.about-content h2{margin:15px 0 25px;font-size:42px}.vision-mission{gap:30px;margin-top:40px}.vm-box{background-color:var(--bg-cream);border-left:4px solid var(--secondary);border-radius:12px;padding:30px}.vm-box h3{color:var(--primary-dark);margin-bottom:10px;font-size:18px}.vm-box p{color:var(--text-light);font-size:14px;line-height:1.5}.infrastructure{background-color:var(--bg-cream)}.infra-grid{grid-template-columns:repeat(3,1fr);gap:30px}.infra-card{background-color:var(--white);transition:var(--transition);border-radius:15px;padding:40px;box-shadow:0 10px 30px #00000008}.infra-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000000f}.infra-card h4{color:var(--primary);margin-bottom:15px;padding-bottom:10px;font-size:20px;position:relative}.infra-card h4:after{content:"";background-color:var(--accent);width:40px;height:2px;position:absolute;bottom:0;left:0}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:40px}.about-image img{height:400px}.infra-grid{grid-template-columns:1fr}}.contact-grid{grid-template-columns:1.2fr 1.8fr;gap:60px}.info-card{background-color:var(--primary-dark);color:var(--white);border-radius:20px;padding:50px 40px}.info-card h2{color:var(--white);margin:15px 0 25px}.info-card h2 span{color:var(--accent)}.info-items{flex-direction:column;gap:30px;margin-top:40px;display:flex}.info-item{align-items:flex-start;gap:20px}.icon-box{width:50px;height:50px;color:var(--accent);background-color:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-item h4{color:var(--white);margin-bottom:5px;font-size:18px}.info-item p,.info-item a{color:#ffffffb3;word-break:break-word;font-size:15px;line-height:1.5}.contact-form-panel{padding:20px}.inquiry-form{flex-direction:column;gap:25px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:25px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--primary-dark);font-size:14px;font-weight:700}.form-group input,.form-group select,.form-group textarea{transition:var(--transition);box-sizing:border-box;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:15px 20px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background-color:var(--white);outline:none;box-shadow:0 0 0 4px #2d5a270d}.submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:14px;width:fit-content;margin-top:15px;padding:16px 48px;font-size:16px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #2d5a274d,inset 0 1px 1px #fff3}.submit-btn:after{content:"";background:#fff3;width:20%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.submit-btn:hover{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);transform:translateY(-4px)scale(1.02);box-shadow:0 15px 30px -8px #2d5a2766}.submit-btn:hover:after{left:140%}.submit-btn svg{transition:transform .4s}.submit-btn:hover svg{transform:translate(4px,-4px)}.submit-btn:active{transform:translateY(-2px)scale(.98)}.success-badge{color:#0f8a43;background:#e8f8ee;border:1px solid #0f8a43;border-radius:8px;margin-bottom:15px;padding:12px;font-weight:600}.error-badge{color:#d32f2f;background:#fff0f0;border:1px solid #d32f2f;border-radius:8px;margin-bottom:15px;padding:12px;font-weight:600}.map-section{width:100%;height:450px;margin-top:50px}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:40px}.form-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.contact-page{overflow-x:hidden}.contact-main{padding-left:0;padding-right:0}.contact-main .container{box-sizing:border-box;width:100%;padding-left:16px;padding-right:16px}.contact-grid{grid-template-columns:1fr;gap:30px;width:100%}.info-card{box-sizing:border-box;border-radius:16px;width:100%;padding:28px 20px}.info-card h2{margin:10px 0 16px;font-size:22px}.info-items{gap:20px;margin-top:24px}.info-item{align-items:flex-start;gap:14px}.icon-box{flex-shrink:0;width:42px;height:42px}.info-item h4{font-size:16px}.info-item p,.info-item a{word-break:break-word;font-size:14px}.contact-form-panel{box-sizing:border-box;width:100%;padding:0}.inquiry-form{gap:18px}.form-grid{grid-template-columns:1fr;gap:18px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:15px}.submit-btn{border-radius:50px;justify-content:center;width:100%;padding:14px 24px;font-size:15px}.map-section{height:280px;margin-top:30px}}@media (width<=390px){.contact-main .container{padding-left:12px;padding-right:12px}.info-card{padding:22px 14px}.info-card h2{font-size:20px}.icon-box{width:38px;height:38px}.form-group input,.form-group select,.form-group textarea{padding:11px 12px;font-size:14px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--primary:#2d5a27;--primary-dark:#1e3d1a;--secondary:#b3541e;--secondary-dark:#8e4218;--accent:#f4a261;--bg-cream:#fdfbf7;--text-dark:#1f2937;--text-light:#6b7280;--white:#fff;--transition:all .3s ease;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary-dark);font-family:Playfair Display,serif}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);border:none;outline:none}.container{width:90%;max-width:1200px;margin:0 auto}.section-padding{padding:80px 0}@media (width<=768px){.section-padding{padding:50px 0}}.btn{text-align:center;border-radius:4px;padding:12px 24px;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}
