*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:#000000;color:#ffffff;line-height:1.6;overflow-x:hidden}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:middle}.icon svg{width:100%;height:100%}.floating-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(0,0,0,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 2rem;transform:translateY(-100%);transition:transform 0.3s ease}.floating-header.visible{transform:translateY(0)}.floating-header.always-visible{transform:translateY(0)}.floating-header-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.floating-header .logo-small{font-size:1.5rem;font-weight:900;letter-spacing:-0.05em;text-decoration:none}a.logo-small{text-decoration:none;display:inline-block;line-height:1}.logo-small{line-height:1}a.logo-small .logo-keo{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a.logo-small .logo-chemical{background:linear-gradient(135deg,#ffffff 0%,#888888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-header .logo-keo{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating-header .logo-chemical{background:linear-gradient(135deg,#ffffff 0%,#888888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.2s ease}.nav-link:hover{color:#ffffff}.nav-dropdown{position:relative}.nav-dropdown-toggle{display:inline-flex;align-items:center;gap:0.35rem;background:none;border:none;color:rgba(255,255,255,0.7);font-family:inherit;font-size:0.95rem;font-weight:500;cursor:pointer;padding:0.5rem 0;transition:color 0.2s ease}.nav-dropdown-toggle:hover{color:#ffffff}.nav-dropdown-toggle svg{transition:transform 0.2s ease}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-5px);margin-top:0.5rem;min-width:220px;background:rgba(15,15,15,0.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.12);border-radius:8px;padding:0.4rem 0;z-index:1001;opacity:0;visibility:hidden;transition:all 0.2s ease}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-dropdown:hover .nav-dropdown-toggle svg,.nav-dropdown.open .nav-dropdown-toggle svg{transform:rotate(180deg)}.dropdown-item{display:block;padding:0.55rem 1.25rem;color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.9rem;transition:all 0.15s ease}.dropdown-item:hover{color:#ffffff;background:rgba(255,255,255,0.06)}.dropdown-item:first-child{border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:0.25rem;padding-bottom:0.65rem}.login-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.5rem;font-size:0.9rem;font-weight:600;text-decoration:none;background-color:#ff6b35;color:#ffffff;border:2px solid #ff6b35;border-radius:6px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.05em}.login-btn:hover{background-color:#ff8c42;border-color:#ff8c42}.login-btn .icon{font-size:1rem}.top-login-btn{position:absolute;top:2rem;right:2rem;z-index:10}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;position:relative;background:linear-gradient(180deg,#000000 0%,#1a1a1a 100%)}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:1000px}.logo{font-size:4rem;font-weight:900;letter-spacing:-0.05em;margin-bottom:1rem;animation:fadeInUp 0.8s ease-out}.logo-keo{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-chemical{background:linear-gradient(135deg,#ffffff 0%,#888888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.5rem;font-weight:300;opacity:0.8;margin-bottom:3rem;animation:fadeInUp 0.8s ease-out 0.2s both}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 0.8s ease-out 0.4s both}.btn{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;font-size:0.95rem;font-weight:600;text-decoration:none;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:0.1em;position:relative;overflow:hidden}.btn .icon{font-size:1.1rem}.btn-primary{background-color:#ff6b35;color:#ffffff;border-color:#ff6b35}.btn-primary:hover{background-color:#ff8c42;border-color:#ff8c42}.btn-secondary{background-color:transparent;color:#ffffff}.btn-secondary:hover{background-color:#ffffff;color:#000000}.btn-small{padding:0.8rem 1.5rem;font-size:0.9rem}.btn-outline{background:transparent;border:1.5px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.8)}.btn-outline:hover{border-color:#ff6b35;color:#ff6b35;background:rgba(255,107,53,0.08)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}.scroll-indicator::after{content:'';display:block;width:2px;height:50px;background:linear-gradient(180deg,transparent 0%,#ffffff 100%)}section{padding:8rem 2rem}section .section-content{max-width:1000px;margin:0 auto}.section-title{font-size:3rem;font-weight:900;margin-bottom:4rem;text-align:center;letter-spacing:-0.02em}.catalog-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.catalog-image{width:100%}.catalog-image img{width:100%;height:auto;border-radius:12px;object-fit:cover}.catalog-list{display:flex;flex-direction:column;gap:0.75rem}.product-card{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);padding:1rem;border:1px solid rgba(255,255,255,0.1);border-radius:8px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ffffff,transparent);transform:translateX(-100%);transition:transform 0.6s ease}.product-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.3)}.product-card:hover::before{transform:translateX(100%)}.product-card h3{display:flex;align-items:center;gap:0.5rem;font-size:1rem;margin-bottom:0;font-weight:600}.product-card .icon{color:#ff6b35;font-size:0.9rem}.products-note{text-align:left;margin-top:1.5rem;opacity:0.6;font-style:italic}.btn-see-catalog{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);border:none;border-radius:8px;color:#ffffff;font-size:0.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all 0.3s ease;margin-top:0.75rem}.btn-see-catalog:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,0.25)}.btn-see-catalog .icon{font-size:1rem}.catalog-link-text{margin-top:1.25rem;font-size:0.95rem;color:rgba(255,255,255,0.7)}.catalog-link-text a{color:#ff6b35;text-decoration:none;font-weight:600;transition:color 0.2s ease}.catalog-link-text a:hover{color:#ff8c42}.about-section{background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);padding:8rem 2rem}.about-section .section-content{max-width:1000px;margin:0 auto}.section-intro{text-align:center;font-size:1.2rem;color:rgba(255,255,255,0.8);max-width:700px;margin:0 auto 3rem;line-height:1.7}.section-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.section-intro-col p{font-size:1.05rem;color:rgba(255,255,255,0.8);line-height:1.8;text-align:justify}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.about-card{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:2rem;transition:all 0.3s ease}.about-card:hover{border-color:rgba(255,107,53,0.3);transform:translateY(-5px)}.about-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.about-card-icon{width:44px;height:44px;background:rgba(255,107,53,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-card-icon .icon{color:#ff6b35;font-size:1.25rem}.about-card-title{font-size:1.15rem;font-weight:700;color:#ffffff;margin:0}.about-card-text{font-size:1rem;line-height:1.7;color:rgba(255,255,255,0.7)}.contact-section{text-align:center;background:linear-gradient(180deg,#000000 0%,#1a1a1a 100%);padding:8rem 2rem 4rem}.contact-section .section-content{max-width:1000px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;text-align:left}.contact-info-column{display:flex;flex-direction:column;gap:2rem}.contact-info-item{display:flex;gap:1rem}.contact-info-icon{width:44px;height:44px;background:rgba(255,107,53,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-info-icon .icon{color:#ff6b35;font-size:1.2rem}.contact-info-content h4{font-size:0.85rem;font-weight:600;color:#ff6b35;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem}.contact-info-content p{font-size:0.95rem;color:rgba(255,255,255,0.8);line-height:1.6;margin:0}.contact-info-content a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s ease}.contact-info-content a:hover{color:#ff6b35}.contact-actions{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:3rem 2rem;height:100%}.contact-actions-title{font-size:1.5rem;font-weight:700;color:#ff6b35;margin-bottom:1rem}.contact-actions p{font-size:1rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;line-height:1.7;max-width:320px}.contact-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.contact-buttons .btn{width:100%;justify-content:center}.platform-section{background:#000000;padding:8rem 2rem}.platform-section .section-content{max-width:1000px;margin:0 auto}.platform-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:5rem}.platform-row:last-child{margin-bottom:0}.platform-row.reverse{direction:rtl}.platform-row.reverse>*{direction:ltr}.platform-image{display:flex;justify-content:center;align-items:flex-start}.platform-image-placeholder{width:100%;height:280px;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center}.platform-image-placeholder .icon{font-size:4rem;color:#ff6b35;opacity:0.5}.platform-image-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:12px}.platform-text h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#ffffff}.platform-text p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.7);margin-bottom:1.5rem;text-align:justify}.platform-features{list-style:none;padding:0;margin:0}.platform-features li{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.95rem;color:rgba(255,255,255,0.8)}.platform-features li .icon{color:#ff6b35;font-size:1rem}.faq-section{background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);padding:8rem 2rem}.faq-section .section-content{max-width:1000px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.faq-item{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;transition:border-color 0.3s ease}.faq-item:hover{border-color:rgba(255,107,53,0.3)}.faq-item.active{border-color:rgba(255,107,53,0.5)}.faq-question{width:100%;display:flex;align-items:center;gap:1rem;padding:1.5rem;background:transparent;border:none;color:#ffffff;font-family:inherit;font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer;transition:color 0.2s ease}.faq-question>span:nth-child(2){flex:1}.faq-number{width:28px;height:28px;background:rgba(255,107,53,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700;color:#ff6b35;flex-shrink:0}.faq-question:hover{color:#ff6b35}.faq-icon{flex-shrink:0;transition:transform 0.3s ease}.faq-icon .icon{font-size:1rem;color:#ff6b35}.faq-item.active .faq-icon{transform:rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer p{padding:0 1.5rem 1.5rem;font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.7)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:2000;justify-content:center;align-items:center;padding:1rem}.modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:2.5rem;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-login{max-width:900px;padding:3rem}.modal-login-layout{display:flex;gap:3rem}.modal-login-left{flex:1;padding-right:2rem;border-right:1px solid rgba(255,255,255,0.1);display:flex;flex-direction:column}.modal-login-left h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#ff6b35}.features-list{list-style:none;padding:0;margin:0;flex:1}.features-list li{display:flex;align-items:flex-start;gap:0.8rem;padding:0.8rem 0;line-height:1.6;opacity:0.9}.features-list li .icon{color:#ff6b35;font-size:1.1rem;flex-shrink:0;margin-top:0.15rem}.modal-login-right{flex:1}.modal-login-right .modal-title{text-align:center;margin-bottom:0.5rem}.modal-login-subtitle{text-align:center;font-size:0.9rem;color:rgba(255,255,255,0.6);margin-bottom:1.5rem}.form-checkbox-remember{margin-bottom:1.25rem}.checkbox-label{display:flex;align-items:center;gap:0.75rem;cursor:pointer;font-size:0.9rem;color:rgba(255,255,255,0.8)}.checkbox-label input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,0.4);border-radius:4px;position:relative;transition:all 0.2s ease}.checkbox-label input:checked+.checkbox-custom{background:#ff6b35;border-color:#ff6b35}.checkbox-label input:checked+.checkbox-custom::after{content:'';position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.error-message{display:none;background-color:rgba(255,107,53,0.1);border:1px solid #ff6b35;border-radius:6px;padding:1rem;margin-top:1rem;color:#ff6b35;text-align:center;font-size:0.9rem}.error-message.active{display:block}.modal-login-link{text-align:center;margin-top:1.5rem;font-size:0.9rem;color:rgba(255,255,255,0.6)}.modal-login-link a{color:#ff6b35;text-decoration:none;font-weight:600;transition:color 0.2s ease}.modal-login-link a:hover{color:#ff8c42}.modal-fixed{max-width:500px;min-height:480px;display:flex;flex-direction:column}.modal-fixed .modal-header{margin-bottom:1.5rem}.modal-fixed form{flex:1}.modal-fixed .form-textarea{min-height:100px}.modal-fixed .modal-footer{margin-top:auto}.modal-fixed .modal-login-link{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}.modal-contact{max-width:550px;min-height:620px;display:flex;flex-direction:column}.modal-contact .modal-header{flex-shrink:0}.modal-contact #contactForm{flex:1;display:flex;flex-direction:column}.modal-contact .modal-progress{flex-shrink:0}.modal-contact .form-step{flex:1;min-height:380px}.modal-contact .modal-footer{flex-shrink:0;margin-top:auto}.modal-contact .modal-success,.modal-contact .modal-error,.modal-fixed .modal-success,.modal-fixed .modal-error{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border-radius:16px;z-index:10}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff;font-size:1.5rem;cursor:pointer;opacity:0.6;transition:opacity 0.3s ease;padding:0.5rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{opacity:1}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem}.modal-subtitle{font-size:0.9rem;opacity:0.7}.modal-progress{display:flex;gap:0.5rem;margin-bottom:2rem}.progress-step{flex:1;height:4px;background:rgba(255,255,255,0.2);border-radius:2px;transition:background 0.3s ease}.progress-step.active{background:#ff6b35}.form-step{display:none}.form-step.active{display:block}.form-question{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;line-height:1.4}.form-options{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}.form-option{display:flex;align-items:center;gap:0.75rem;padding:1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;transition:all 0.2s ease}.form-option:hover{border-color:rgba(255,107,53,0.5);background:rgba(255,107,53,0.05)}.form-option.selected{border-color:#ff6b35;background:rgba(255,107,53,0.1)}.form-option input{display:none}.form-option-checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,0.4);border-radius:6px;flex-shrink:0;position:relative;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.form-option.selected .form-option-checkbox{border-color:#ff6b35;background:#ff6b35}.form-option.selected .form-option-checkbox .icon{display:block;color:#ffffff;font-size:0.75rem}.form-option-checkbox .icon{display:none}.form-option-text{font-size:0.95rem;color:#ffffff}.form-option-inline{background:transparent;border:none;padding:0}.form-option-inline:hover{background:transparent}.form-checkbox-inline{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:0.875rem;font-weight:500;color:rgba(255,255,255,0.8);margin-bottom:0.5rem}.form-label .optional{color:rgba(255,255,255,0.5);font-weight:400}.form-input,.form-select,.form-textarea{width:100%;padding:0.875rem 1rem;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);border-radius:8px;font-family:inherit;font-size:0.95rem;color:#ffffff;transition:border-color 0.2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#ff6b35}.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,0.4)}.form-input.error{border-color:#ff4444}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-error{display:none;font-size:0.8rem;color:#ff4444;margin-top:0.35rem}.form-error.visible{display:block}.form-group-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.phone-input-wrapper{display:flex;gap:10px}.phone-country{width:130px;flex-shrink:0}.phone-number{flex:1}.modal-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.btn-back{display:inline-flex;align-items:center;gap:0.5rem;padding:0.875rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,0.3);border-radius:8px;font-family:inherit;font-size:0.95rem;font-weight:500;color:#ffffff;cursor:pointer;transition:all 0.2s ease}.btn-back:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5)}.btn-back:disabled{opacity:0.3;cursor:not-allowed}.btn-next{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.5rem;background:#ff6b35;border:none;border-radius:8px;font-family:inherit;font-size:0.95rem;font-weight:600;color:#ffffff;cursor:pointer;transition:background 0.2s ease}.btn-next:hover{background:#ff8c42}.btn-next:disabled{opacity:0.5;cursor:not-allowed}.btn-next.loading{pointer-events:none}.btn-next.loading .icon{animation:spin 1s linear infinite}.modal-success,.modal-error{display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.modal-success.active,.modal-error.active{display:flex}.success-icon,.error-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.success-icon{background:rgba(52,199,89,0.15)}.success-icon .icon{font-size:2.5rem;color:#34c759}.error-icon{background:rgba(255,68,68,0.15)}.error-icon .icon{font-size:2.5rem;color:#ff4444}.success-title,.error-title{font-size:1.4rem;font-weight:600;margin-bottom:0.75rem}.success-text,.error-text{font-size:0.95rem;color:rgba(255,255,255,0.7);line-height:1.6;margin-bottom:2rem;max-width:300px}.btn-success-close{padding:0.875rem 2.5rem;background:#ff6b35;border:none;border-radius:8px;font-family:inherit;font-size:0.95rem;font-weight:600;color:#ffffff;cursor:pointer;transition:background 0.2s ease}.btn-success-close:hover{background:#ff8c42}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:768px){.logo{font-size:2.5rem}.tagline{font-size:1.2rem}.section-title{font-size:2rem}.cta-buttons,.contact-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}section,.about-section,.contact-section{padding:4rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:1.5rem}.section-intro-grid{grid-template-columns:1fr;gap:1.5rem}.section-intro-col p{text-align:center}.catalog-container{grid-template-columns:1fr;gap:2rem}.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-info-column{gap:1.5rem}.contact-actions{padding:2rem 1.5rem}.floating-header{padding:0.8rem 1rem}.floating-header .logo-small{font-size:1.2rem}.nav-links{gap:1rem}.nav-link{display:none}.login-btn{padding:0.5rem 1rem;font-size:0.8rem}.top-login-btn{top:1rem;right:1rem}.modal-content{padding:1.5rem;border-radius:12px;max-height:85vh}.modal-contact{min-height:auto}.modal-contact .form-step{min-height:auto}.modal-login{padding:2rem}.modal-login-layout{flex-direction:column;gap:2rem}.modal-login-left{display:none}.modal-login-right{width:100%}.form-row{grid-template-columns:1fr}.form-options{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-back{order:2;justify-content:center}.btn-next{order:1}.faq-section{padding:4rem 1.5rem}.faq-question{font-size:0.95rem;padding:1.25rem}.faq-grid{grid-template-columns:1fr}.faq-answer p{padding:0 1.25rem 1.25rem;font-size:0.95rem}.platform-section{padding:4rem 1.5rem}.platform-row{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}.platform-row.reverse{direction:ltr}.platform-image-placeholder{height:200px}.platform-text h3{font-size:1.4rem}}@media (max-width:480px){.hero{padding:1.5rem}.logo{font-size:2rem}.top-login-btn{padding:0.4rem 0.8rem;font-size:0.75rem}.top-login-btn .icon{display:none}}.page-header-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(0,0,0,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);padding:1rem 2rem}.page-header-bar-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.page-header-bar .logo-small{font-size:1.5rem;font-weight:900;letter-spacing:-0.05em;text-decoration:none}.page-header-bar .logo-keo{background:linear-gradient(135deg,#ff6b35 0%,#ff8c42 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-bar .logo-chemical{background:linear-gradient(135deg,#ffffff 0%,#888888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-bar .nav-links{display:flex;align-items:center;gap:2rem}.page-header-bar .nav-link{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.2s ease}.page-header-bar .nav-link:hover{color:#ffffff}.page-header-bar .contact-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.5rem;font-size:0.9rem;font-weight:600;text-decoration:none;background-color:#ff6b35;color:#ffffff;border:2px solid #ff6b35;border-radius:6px;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.05em}.page-header-bar .contact-btn:hover{background-color:#ff8c42;border-color:#ff8c42}.page-header-bar .contact-btn svg{width:16px;height:16px}.contact-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.6rem 1.25rem;font-size:0.875rem;font-weight:600;background-color:#ff6b35;color:#ffffff;border:none;border-radius:6px;cursor:pointer;transition:all 0.3s ease}.contact-btn:hover{background-color:#ff8c42}.contact-btn svg{width:16px;height:16px}.site-footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.1);padding:4rem 2rem}.footer-inner{max-width:1000px;margin:0 auto}.footer-cta{text-align:center;max-width:600px;margin:0 auto}.footer-cta p{font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:1.5rem}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.footer-about h4{font-size:1.1rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.footer-about p{font-size:0.925rem;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:1rem}.footer-contact{display:flex;flex-direction:column}.footer-contact h4{font-size:1.1rem;font-weight:600;color:#ffffff;margin-bottom:1rem}.footer-contact p{font-size:0.925rem;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:0.75rem}.footer-actions{display:flex;gap:1rem;margin-top:0.5rem}.footer-actions .btn{white-space:nowrap}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 2rem;font-size:0.95rem;font-weight:600;background-color:#ff6b35;color:#ffffff;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-family:inherit}.btn-cta:hover{background-color:#ff8c42}.btn-submit{display:block;width:100%;padding:0.875rem 1.5rem;font-size:0.95rem;font-weight:600;background-color:#ff6b35;color:#ffffff;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-family:inherit;margin-top:1rem}.btn-submit:hover{background-color:#ff8c42}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:#ff6b35;border:none;border-radius:50%;color:#ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:50}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:#ff8c42;transform:translateY(-2px)}.page-header{background:linear-gradient(180deg,#0a0a0a 0%,#000000 100%);padding:7rem 2rem 3rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:800;margin-bottom:0.75rem;letter-spacing:-0.02em;max-width:1000px;margin-left:auto;margin-right:auto}.page-header p{font-size:1.1rem;color:rgba(255,255,255,0.7);max-width:500px;margin:0 auto}.page-content{max-width:1000px;margin:0 auto;padding:3rem 0 6rem}@media (max-width:1040px){.page-content{padding-left:2rem;padding-right:2rem}}.back-link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s ease;margin-bottom:2rem}.back-link:hover{color:#ff6b35}.back-link svg{width:16px;height:16px}.category-section{margin-bottom:4rem}.category-section:last-child{margin-bottom:0}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid rgba(255,255,255,0.1)}.category-title a{color:#ffffff;text-decoration:none;transition:color 0.2s ease}.category-title a:hover{color:#ff6b35}.category-description{font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:2rem;column-count:2;column-gap:3rem;text-align:justify}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.article-card{display:block;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;text-decoration:none;transition:all 0.3s ease}.article-card:hover{border-color:rgba(255,107,53,0.3);transform:translateY(-3px)}.article-card-title{font-size:1.1rem;font-weight:600;color:#ffffff;margin-bottom:0.5rem;line-height:1.4;display:flex;align-items:flex-start;gap:0.5rem}.article-card-title .article-icon{flex-shrink:0;width:22px;height:22px;color:#ff6b35;margin-top:0.1rem}.article-card-desc{font-size:0.9rem;color:rgba(255,255,255,0.6);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.85rem;font-weight:600;color:#ff6b35}.article-card-link svg{width:14px;height:14px;transition:transform 0.2s ease}.article-card:hover .article-card-link svg{transform:translateX(3px)}.view-all{margin-top:1.5rem;text-align:center}.view-all a{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:600;color:#ff6b35;text-decoration:none;transition:color 0.2s ease}.view-all a:hover{color:#ff8c42}.view-all svg{width:16px;height:16px}.empty-message{text-align:center;font-size:1rem;color:rgba(255,255,255,0.5);padding:4rem 2rem}.article-header{background:linear-gradient(180deg,#0a0a0a 0%,#000000 100%);padding:7rem 0 3rem}@media (max-width:1040px){.article-header{padding-left:2rem;padding-right:2rem}}.header-content{max-width:1000px;margin:0 auto;padding:0}.article-header .back-link{margin-bottom:1.5rem}.article-title{font-size:2.25rem;font-weight:800;line-height:1.3;letter-spacing:-0.02em;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.tag{display:inline-block;padding:0.35rem 0.75rem;background:rgba(255,107,53,0.15);color:#ff6b35;font-size:0.8rem;font-weight:500;border-radius:100px;text-decoration:none;transition:all 0.2s ease}.tag:hover{background:rgba(255,107,53,0.25)}.article-meta{font-size:0.875rem;color:rgba(255,255,255,0.5)}.article-wrapper{max-width:1000px;margin:0 auto;padding:3rem 0 6rem}.article-wrapper.has-sidebar{display:grid;grid-template-columns:200px 1fr;gap:3rem;align-items:start}@media (max-width:1040px){.article-wrapper{padding-left:2rem;padding-right:2rem}}.article-sidebar{position:sticky;top:100px}.sidebar-inner h4{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.5);margin-bottom:1rem}.toc-list{list-style:none;padding:0;margin:0;counter-reset:toc}.toc-list li{counter-increment:toc;margin-bottom:0.5rem}.toc-list a{display:flex;align-items:baseline;gap:0.6rem;font-size:0.875rem;color:rgba(255,255,255,0.6);text-decoration:none;padding:0.4rem 0;position:relative;transition:color 0.2s ease;line-height:1.4}.toc-list a::before{content:counter(toc);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;border:1.5px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.5);font-size:0.7rem;font-weight:500;transition:all 0.2s ease}.toc-list a:hover,.toc-list a.active{color:#ff6b35}.toc-list a.active{font-weight:500}.toc-list a.active::before{color:#ff6b35;border-color:#ff6b35;background:rgba(255,107,53,0.1);font-weight:600}.toc-list a:hover::before{border-color:#ff6b35;color:#ff6b35}.article-content{min-width:0;text-align:justify}.article-content h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;padding-top:1rem;scroll-margin-top:80px;text-align:left}.article-content h2:first-child{margin-top:0;padding-top:0}.article-content h3{font-size:1.2rem;font-weight:600;margin-top:2rem;margin-bottom:0.75rem;scroll-margin-top:80px;text-align:left}.article-content p{font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.85);margin-bottom:1.25rem;text-align:justify}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{font-size:1rem;line-height:1.8;color:rgba(255,255,255,0.85);margin-bottom:0.5rem}.article-content a{color:#ff6b35;text-decoration:none;transition:color 0.2s ease}.article-content a:hover{color:#ff8c42;text-decoration:underline}.article-content strong{font-weight:600;color:#ffffff}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:3px solid #ff6b35;background:rgba(255,107,53,0.1);border-radius:0 8px 8px 0}.article-content blockquote p{margin-bottom:0;font-style:italic}.article-content code{font-family:'SF Mono',Monaco,'Courier New',monospace;font-size:0.875em;background:rgba(255,255,255,0.1);padding:0.2em 0.4em;border-radius:4px}.article-content pre{background:#0d0d0d;border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:1rem;overflow-x:auto;margin-bottom:1.25rem}.article-content pre code{background:none;padding:0}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.article-content th,.article-content td{padding:0.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,0.1)}.article-content th{font-weight:600;color:#ffffff;background:rgba(255,255,255,0.05)}.article-content hr{border:none;border-top:1px solid rgba(255,255,255,0.1);margin:2rem 0}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:2000;justify-content:center;align-items:center;padding:1rem}.modal-overlay.active{display:flex}.modal-overlay .modal{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-overlay .modal-header{margin-bottom:1.5rem}.modal-overlay .modal-title{font-size:1.5rem;font-weight:700;margin-bottom:0}.modal-overlay .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffff;cursor:pointer;opacity:0.6;transition:opacity 0.3s ease;padding:0.5rem;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-close:hover{opacity:1}.modal-overlay .modal-body p{color:rgba(255,255,255,0.7);margin-bottom:1.5rem;font-size:0.95rem}.modal-overlay .form-group{margin-bottom:1rem}.modal-overlay .form-label{display:block;font-size:0.875rem;font-weight:500;margin-bottom:0.5rem;color:rgba(255,255,255,0.8)}.modal-overlay .form-input,.modal-overlay .form-textarea{width:100%;padding:0.75rem 1rem;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.2);border-radius:8px;font-family:inherit;font-size:0.95rem;color:#ffffff;transition:border-color 0.2s ease}.modal-overlay .form-input:focus,.modal-overlay .form-textarea:focus{outline:none;border-color:#ff6b35}.modal-overlay .form-textarea{resize:vertical;min-height:100px}.modal-overlay .form-input::placeholder,.modal-overlay .form-textarea::placeholder{color:rgba(255,255,255,0.4)}.modal-overlay .btn-submit{display:block;width:100%;padding:0.875rem 1.5rem;font-size:0.95rem;font-weight:600;background-color:#ff6b35;color:#ffffff;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-family:inherit;margin-top:1rem}.modal-overlay .btn-submit:hover{background-color:#ff8c42}@media (max-width:768px){.page-header-bar{padding:0.8rem 1rem}.page-header-bar .logo-small{font-size:1.2rem}.page-header-bar .nav-links{gap:1rem}.page-header-bar .nav-link{display:none}.page-header-bar .contact-btn{padding:0.5rem 1rem;font-size:0.8rem}.page-header-bar .contact-btn svg{display:none}.contact-btn{padding:0.5rem 1rem;font-size:0.8rem}.contact-btn svg{display:none}.page-header{padding:6rem 1.5rem 3rem}.page-header h1{font-size:2rem}.page-content{padding:2rem 1.5rem 4rem}.articles-grid{grid-template-columns:1fr}.article-header{padding:5rem 1.5rem 2rem}.article-title{font-size:1.75rem}.article-wrapper{padding:2rem 1.5rem 4rem}.article-wrapper.has-sidebar{grid-template-columns:1fr;gap:2rem}.article-sidebar{position:relative;top:0;order:-1;padding:1rem;background:rgba(255,255,255,0.03);border-radius:8px}.nav-dropdown-menu{left:auto;right:0;transform:translateY(-5px)}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{transform:translateY(0)}.nav-dropdown-toggle{font-size:0.85rem}.site-footer{padding:3rem 1.5rem}.footer-columns{grid-template-columns:1fr;gap:2.5rem}.footer-actions{flex-direction:column;align-items:flex-start;margin-top:0.5rem}.category-description{column-count:1}.back-to-top{bottom:1.5rem;right:1.5rem;width:40px;height:40px}}.standalone-page.dark{min-height:100vh;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:2rem;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.standalone-wrapper{max-width:1000px;width:100%}.standalone-back{display:inline-flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.5);text-decoration:none;font-size:0.875rem;font-weight:500;margin-bottom:1.5rem;transition:color 0.2s ease}.standalone-back:hover{color:rgba(255,255,255,0.8)}.standalone-layout{display:flex;background:#141414;border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden}.standalone-info{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center}.standalone-info h1{font-size:2rem;font-weight:800;color:#ffffff;margin-bottom:0.75rem;letter-spacing:-0.02em}.standalone-info>p{font-size:0.95rem;color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:2rem}.standalone-details{display:flex;flex-direction:column;gap:1.25rem}.standalone-detail-item{display:flex;align-items:flex-start;gap:0.875rem}.standalone-detail-icon{width:36px;height:36px;background:rgba(255,107,53,0.12);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ff6b35}.standalone-detail-icon svg{width:18px;height:18px}.standalone-detail-item h4{font-size:0.825rem;font-weight:600;color:rgba(255,255,255,0.85);margin-bottom:0.15rem}.standalone-detail-item p{font-size:0.85rem;color:rgba(255,255,255,0.45);line-height:1.5}.standalone-detail-item a{color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s ease}.standalone-detail-item a:hover{color:#ff6b35}.standalone-form-panel{flex:1;padding:2.5rem;background:#1a1a1a;border-left:1px solid rgba(255,255,255,0.06)}.standalone-form-panel .form-label{color:rgba(255,255,255,0.7)}.standalone-form-panel .form-input{background:#0f0f0f;border-color:rgba(255,255,255,0.1);color:#ffffff}.standalone-form-panel .form-input:focus{border-color:#ff6b35;background:#0f0f0f}.standalone-form-panel .form-input::placeholder{color:rgba(255,255,255,0.25)}.standalone-form-panel .form-select{background:#0f0f0f;border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7)}.standalone-form-panel .optional{color:rgba(255,255,255,0.3)}.standalone-result{display:none;text-align:center;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.standalone-result.active{display:flex}.standalone-result .success-icon,.standalone-result .error-icon{margin-bottom:1.5rem}.standalone-result .success-title,.standalone-result .error-title{color:#ffffff;font-size:1.5rem;font-weight:700;margin-bottom:0.75rem}.standalone-result .success-text,.standalone-result .error-text{color:rgba(255,255,255,0.55);font-size:0.95rem;line-height:1.6;margin-bottom:2rem;max-width:320px}.standalone-result .btn-success-close{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 2rem;background:#ff6b35;color:#ffffff;border:none;border-radius:8px;font-family:inherit;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.2s ease;text-decoration:none}.standalone-result .btn-success-close:hover{background:#ff8c42}.standalone-footer-legal{margin-top:2rem;text-align:center}.standalone-footer-legal p{font-size:0.8rem;color:rgba(255,255,255,0.25);letter-spacing:0.02em}.footer-legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center}.footer-legal p{font-size:0.825rem;color:rgba(255,255,255,0.4);letter-spacing:0.02em}@media (max-width:768px){.standalone-page.dark{padding:1.5rem;align-items:flex-start}.standalone-layout{flex-direction:column}.standalone-info{padding:2rem}.standalone-form-panel{border-left:none;border-top:1px solid rgba(255,255,255,0.06);padding:2rem}.standalone-info h1{font-size:1.5rem}}