body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-hero:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.page-section.light-bg{background-color:var(--light-bg)}.page-section.dark-bg{background:linear-gradient(135deg,#1a2e35,#2c3e2d);color:#fff}.page-content{margin:0 auto;max-width:1200px}.page-header{margin-bottom:4rem;text-align:center}.about-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr}.about-text p{color:var(--text-light);font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.team-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.team-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition)}.team-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.team-img{align-items:center;background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-gold) 100%);color:#fff;display:flex;font-size:4rem;height:250px;justify-content:center}.team-info{padding:2rem}.team-info h4{font-size:1.5rem;margin-bottom:.5rem}.team-role{color:var(--accent-gold);font-weight:600;margin-bottom:1rem}.team-desc{color:var(--text-light);line-height:1.6}.services-grid-full{grid-gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.features-grid,.services-grid-full{display:grid;gap:3rem;margin-top:3rem}.features-grid{grid-gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:var(--transition)}.feature-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:50%;color:var(--primary-green);display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.feature-item h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:1rem}.projects-grid-full{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.testimonials{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius);padding:2.5rem}.testimonial-content{margin-bottom:2rem;position:relative}.testimonial-content i{color:var(--accent-gold);font-size:2rem;margin-bottom:1rem;opacity:.5}.testimonial-content p{font-size:1.1rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-info h5{font-size:1.2rem;margin-bottom:.3rem}.author-info span{color:#ffffffb3;font-size:.9rem}.facility-list{margin-top:3rem}.facility-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.facility-item{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.2rem;transition:var(--transition)}.facility-item:hover{border-left:4px solid var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-5px)}.facility-item i{color:var(--accent-gold);font-size:1.2rem}.partners-grid-full{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.partner-card{background:var(--card-bg);border:1px solid #0000000d;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2.5rem;text-align:center;transition:var(--transition)}.partner-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-lg);transform:translateY(-10px)}.partner-logo{margin-bottom:1.5rem}.partner-name{color:var(--primary-dark);font-size:1.5rem;font-weight:700}.partner-info{border-top:1px solid #0000001a;margin-top:1.5rem;padding-top:1.5rem}.partner-category,.partner-country{align-items:center;color:var(--text-light);display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin:.5rem 0}.partner-category i,.partner-country i{color:var(--accent-gold)}.alliances-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.alliance-card{box-shadow:var(--shadow-sm);padding:2rem;text-align:center}.alliance-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.alliance-icon{border-radius:50%;font-size:1.5rem;margin:0 auto 1.5rem}.alliance-info h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:.5rem}.alliance-info p{color:var(--text-light);font-size:.9rem}.solutions-categories{grid-gap:3rem;gap:3rem}.category-card{background:#fff;border-radius:var(--border-radius);border-top:4px solid var(--accent-gold);box-shadow:var(--shadow-md);padding:2.5rem;transition:var(--transition)}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.category-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:15px;color:var(--primary-green);display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:1.5rem;width:70px}.category-card h4{color:var(--primary-dark);font-size:1.5rem;margin-bottom:1.5rem}.category-card ul{list-style:none;padding-left:0}.category-card li{border-bottom:1px solid #0000000d;color:var(--text-light);padding:.8rem 0}.category-card li:last-child{border-bottom:none}@media (max-width:1024px){.contact-container{grid-template-columns:1fr}}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}@media (max-width:768px){.contact-form .form-row{grid-template-columns:1fr}}.contact-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.contact-option{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2.5rem;text-align:center;transition:var(--transition)}.contact-option:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.option-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:50%;color:var(--primary-green);display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.contact-option h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:1rem}.contact-option p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.option-link{color:var(--primary-green);display:inline-block;font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;transition:var(--transition)}.option-link:after{background:var(--accent-gold);bottom:0;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.option-link:hover{color:var(--accent-gold)}.option-link:hover:after{width:100%}.contact-container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin-top:3rem}@media (max-width:1024px){.contact-container{gap:3rem;grid-template-columns:1fr}}@media (max-width:768px){.contact-container{gap:2rem;margin-top:2rem}}.contact-info{gap:2rem}@media (max-width:768px){.contact-info{gap:1.5rem}}.contact-card{align-items:flex-start;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}@media (max-width:768px){.contact-card{flex-direction:row;gap:1rem;padding:1.5rem}}@media (max-width:480px){.contact-card{flex-direction:row;gap:1rem;padding:1.2rem}}.contact-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:12px;color:var(--primary-green);display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;padding:10px;width:60px}@media (max-width:768px){.contact-icon{font-size:1.3rem;height:50px;padding:8px;width:50px}}@media (max-width:480px){.contact-icon{font-size:1.2rem;height:45px;padding:6px;width:45px}}.contact-details h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:.8rem}@media (max-width:768px){.contact-details h4{font-size:1.2rem;margin-bottom:.6rem}}.contact-details p{color:var(--text-light);font-size:1rem;line-height:1.6;margin:.3rem 0}@media (max-width:768px){.contact-details p{font-size:.95rem;line-height:1.5}}@media (max-width:480px){.contact-details p{font-size:.9rem;line-height:1.4}}.contact-form-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:3rem}@media (max-width:768px){.contact-form-container{padding:2rem}}@media (max-width:480px){.contact-form-container{padding:1.5rem}}.form-header{margin-bottom:2.5rem}@media (max-width:768px){.form-header{margin-bottom:2rem}}@media (max-width:480px){.form-header{margin-bottom:1.5rem}}.form-header h3{color:var(--primary-dark);font-size:1.8rem;margin-bottom:.8rem}@media (max-width:768px){.form-header h3{font-size:1.6rem}}@media (max-width:480px){.form-header h3{font-size:1.4rem;margin-bottom:.5rem}}.form-header p{color:var(--text-light);font-size:1rem}@media (max-width:480px){.form-header p{font-size:.95rem}}.contact-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media (max-width:768px){.contact-form .form-row{gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}}@media (max-width:480px){.contact-form .form-row{gap:.8rem}}.form-group{margin-bottom:1.5rem}@media (max-width:768px){.form-group{margin-bottom:1.2rem}}@media (max-width:480px){.form-group{margin-bottom:1rem}}.form-group label{color:var(--text-dark);display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem}@media (max-width:768px){.form-group label{font-size:.95rem;margin-bottom:.6rem}}@media (max-width:480px){.form-group label{font-size:.9rem;margin-bottom:.5rem}}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #0000001a;border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;transition:var(--transition);width:100%}@media (max-width:768px){.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.9rem}}@media (max-width:480px){.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.8rem}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px #d4af371a;outline:none}.form-group textarea{min-height:120px;resize:vertical}@media (max-width:480px){.form-group textarea{min-height:100px}}.cta-button.full-width{align-items:center;display:inline-flex;font-size:1rem;gap:.8rem;justify-content:center;padding:1rem 2rem;width:100%}@media (max-width:768px){.cta-button.full-width{font-size:.95rem;padding:.9rem 1.5rem}}@media (max-width:480px){.cta-button.full-width{font-size:.9rem;gap:.5rem;padding:.8rem 1.2rem}}.page-container{padding-top:80px}@media (max-width:768px){.page-container{padding-top:70px}}.page-hero{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-green) 100%);color:#fff;overflow:hidden;padding:8rem 0 6rem;position:relative;text-align:center}@media (max-width:1024px){.page-hero{padding:7rem 0 5rem}}@media (max-width:768px){.page-hero{padding:6rem 0 4rem}}@media (max-width:480px){.page-hero{padding:5rem 0 3rem}}.page-hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:1rem}@media (max-width:1024px){.page-hero h1{font-size:3rem}}@media (max-width:768px){.page-hero h1{font-size:2.5rem;margin-bottom:.8rem}}@media (max-width:480px){.page-hero h1{font-size:2rem;letter-spacing:-.5px;margin-bottom:.6rem}}.page-hero p{font-size:1.3rem;line-height:1.6;margin:0 auto;max-width:700px;opacity:.9}@media (max-width:1024px){.page-hero p{font-size:1.2rem;max-width:600px}}@media (max-width:768px){.page-hero p{font-size:1.1rem;line-height:1.5;max-width:500px}}@media (max-width:480px){.page-hero p{font-size:1rem;line-height:1.4;max-width:90%;padding:0 1rem}}.page-section{padding:6rem 0}@media (max-width:1024px){.page-section{padding:5rem 0}}@media (max-width:768px){.page-section{padding:4rem 0}}@media (max-width:480px){.page-section{padding:3rem 0}}.container{max-width:1200px;padding:0 2rem;width:100%}@media (max-width:768px){.container{padding:0 1.5rem}}@media (max-width:480px){.container{padding:0 1rem}}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232e8b57' d='M6 8.825 1.175 4l1.063-1.062L6 6.7l3.763-3.762L10.825 4z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:12px;padding-right:3rem}.cta-button,.form-group input,.form-group select,.form-group textarea{min-height:44px}@media (max-width:480px){.cta-button,.form-group input,.form-group select,.form-group textarea{min-height:40px}}.contact-icon svg{height:1em;width:1em}.contact-details p,.form-header p{word-wrap:break-word;overflow-wrap:break-word}.contact-card,.contact-form-container,.form-group input,.form-group select,.form-group textarea{transition:all .3s ease}.cta-button:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline-offset:2px}@media (max-width:768px){.contact-card{box-shadow:var(--shadow-sm)}.contact-form-container{box-shadow:var(--shadow-md)}.contact-card:hover,.contact-form-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.approaches-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.approach-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;padding:3rem;position:relative;transition:var(--transition)}.approach-card:before{background:var(--gradient-accent);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .6s ease;width:5px}.approach-card:hover:before{transform:scaleY(1)}.approach-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.approach-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:15px;color:var(--primary-green);display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:2rem;transition:var(--transition);width:70px}.approach-card:hover .approach-icon{background:var(--gradient-accent);color:#fff;transform:rotate(15deg) scale(1.1)}.approach-card h3{color:var(--primary-dark);font-size:1.6rem;margin-bottom:1.2rem}.approach-card p{color:var(--text-light);line-height:1.7}.process-timeline{margin:4rem auto 0;max-width:800px;position:relative}.process-timeline:before{background:var(--accent-gold);bottom:0;content:"";left:30px;position:absolute;top:0;width:2px}.process-step{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.step-number{align-items:center;background:var(--gradient-accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px;z-index:1}.step-content{flex:1 1;padding-top:.5rem}.step-content h4{color:var(--primary-dark);font-size:1.4rem;margin-bottom:.8rem}.step-content p{color:var(--text-light);line-height:1.6}.facility-services{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.facility-service-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:2.5rem;transition:var(--transition)}.facility-service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.facility-service-card h3{color:var(--primary-dark);font-size:1.5rem;margin-bottom:1.2rem}.facility-service-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.sla-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.sla-feature{align-items:flex-start;display:flex;gap:1.5rem}.sla-icon{align-items:center;background:#fff;border-radius:15px;box-shadow:var(--shadow-sm);color:var(--primary-green);display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.sla-content h4{color:var(--primary-dark);font-size:1.2rem;margin-bottom:.5rem}.sla-content p{color:var(--text-light);line-height:1.6}.facility-clients{margin-top:3rem}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.client-item{align-items:center;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.5rem;transition:var(--transition)}.client-item:hover{border-left:4px solid var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-5px)}.client-item i{color:var(--accent-gold);font-size:1.2rem}.client-item span{color:var(--text-dark);font-weight:500}.solutions-categories{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.solution-category{background:#fff;border-image:var(--gradient-accent);border-image-slice:1;border-radius:var(--border-radius);border-top:4px solid #0000;box-shadow:var(--shadow-md);padding:2.5rem;text-align:center;transition:var(--transition)}.solution-category:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.solution-category h3{color:var(--primary-dark);font-size:1.4rem;margin-bottom:1rem}.solution-category p{color:var(--text-light);line-height:1.6}.solar-solutions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.solar-solution{align-items:flex-start;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;padding:2rem;transition:var(--transition)}.solar-solution:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.solar-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:15px;color:var(--primary-green);display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.solar-content h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:.5rem}.solar-content p{color:var(--text-light);line-height:1.6}.brands-section{display:flex;flex-direction:column;gap:4rem}.brand-category{margin-bottom:2rem}.brand-category h3{border-bottom:2px solid var(--light-bg);color:var(--primary-dark);font-size:1.6rem;margin-bottom:2rem;padding-bottom:1rem}.brands-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.brand-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:var(--transition)}.brand-card:hover{border-top:3px solid var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-5px)}.brand-card h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:.5rem}.brand-card p{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.brand-card small{color:var(--accent-gold);font-size:.8rem;font-weight:600}@media (max-width:768px){.page-hero{padding:6rem 0 4rem}.page-hero h1{font-size:2.5rem}.page-hero p{font-size:1.1rem}.page-section{padding:4rem 0}.company-overview,.contact-container{gap:2rem;grid-template-columns:1fr}.approaches-grid,.projects-grid-full,.services-grid-full{grid-template-columns:1fr}}@media (max-width:480px){.page-hero h1{font-size:2rem}.section-title{font-size:1.8rem}.contact-form-container{padding:2rem}.team-grid{grid-template-columns:1fr}}.hero-wrapper{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:4rem 0}@media (max-width:1024px){.hero-wrapper{gap:3rem;grid-template-columns:1fr}.hero-content{order:1;text-align:center}.hero-image-container{order:0}}.hero-content h1{font-size:3.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:1.5rem}.hero-highlight{text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-gold) 0,gold 100%);font-weight:900}.hero-content p{color:#ffffffe6;font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;max-width:90%}@media (max-width:1024px){.hero-content p{max-width:100%}}.hero-badge{background:#d4af3726;border:1px solid #d4af374d;gap:.8rem;padding:.8rem 1.5rem}.hero-badge i{color:var(--accent-gold)}.hero-badge span{color:#fff;font-weight:600}.cta-buttons{justify-content:center;margin-bottom:3rem}@media (max-width:768px){.cta-buttons{flex-direction:column}}.cta-button{border:2px solid #0000;border-radius:var(--border-radius);font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.cta-primary{background:linear-gradient(135deg,var(--accent-gold) 0,gold 100%);color:var(--primary-dark)}.cta-primary:hover{box-shadow:0 10px 25px #d4af374d;transform:translateY(-3px)}.cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-color:#fff3;color:#fff}.cta-secondary:hover{background:#d4af371a;transform:translateY(-3px)}.hero-stats{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:3rem;padding-top:2rem}.stat-item{gap:.5rem}.stat-number{text-fill-color:#0000;background:linear-gradient(135deg,#fff 0,var(--accent-gold) 100%)}.stat-label{color:#ffffffb3}.hero-image-container{position:relative}.hero-image-wrapper{border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:transform .5s ease}.hero-image-wrapper:hover{transform:perspective(1000px) rotateY(0deg)}.hero-main-image{display:block;height:300px;object-fit:cover;transition:transform .5s ease;width:100%}.image-grid{grid-gap:10px;background:#fff;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:20px}.grid-item{aspect-ratio:1;border-radius:10px;overflow:hidden;position:relative}.grid-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.grid-item:hover img{transform:scale(1.1)}.grid-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;left:0;padding:10px;position:absolute;right:0}.grid-overlay i{color:var(--accent-gold)}.floating-badge{align-items:center;animation:float 3s ease-in-out infinite;background:#fff;border-radius:50px;box-shadow:0 10px 30px #0003;display:flex;gap:.8rem;left:20px;padding:.8rem 1.5rem;position:absolute;top:20px;z-index:2}.floating-badge i{color:var(--primary-green);font-size:1.2rem}.floating-badge span{color:var(--primary-dark);font-weight:600}.award-badge{align-items:center;background:linear-gradient(135deg,var(--accent-gold) 0,gold 100%);border-radius:15px;bottom:20px;box-shadow:0 10px 30px #d4af374d;display:flex;gap:1rem;padding:1rem;position:absolute;right:20px;z-index:2}.award-badge i{color:#fff;font-size:1.5rem}.award-text{display:flex;flex-direction:column}.award-title{color:var(--primary-dark);font-size:.9rem;font-weight:700;white-space:nowrap}.award-subtitle{color:var(--primary-dark);font-size:.8rem;opacity:.9}.team-card-floating{align-items:center;animation:float 4s ease-in-out infinite;animation-delay:1s;background:#fff;border-radius:15px;bottom:-40px;box-shadow:0 15px 40px #00000026;display:flex;gap:1.2rem;left:-20px;max-width:280px;padding:1.5rem;position:absolute;z-index:3}.team-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-green) 0,var(--accent-gold) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.team-info h4{color:var(--primary-dark);font-size:1.1rem;margin-bottom:.3rem}.team-info p{color:var(--text-light);font-size:.9rem;margin-bottom:.5rem}.team-experience{align-items:center;color:var(--accent-gold);display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.project-card-floating{align-items:center;animation:float 5s ease-in-out infinite;animation-delay:2s;background:var(--primary-dark);border:2px solid var(--accent-gold);border-radius:15px;box-shadow:0 15px 40px #00000040;display:flex;gap:1.2rem;max-width:280px;padding:1.5rem;position:absolute;right:-30px;top:-30px;z-index:3}.project-icon{align-items:center;background:#d4af3733;border-radius:50%;color:var(--accent-gold);display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.project-info{flex:1 1}.project-info h4{color:#fff;font-size:1rem;margin-bottom:.3rem}.project-info p{color:#fffc;font-size:.85rem;margin-bottom:.8rem}.project-progress{align-items:center;display:flex;gap:1rem}.progress-bar{background:#ffffff1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent-gold) 0,gold 100%);border-radius:3px;height:100%}.project-progress span{color:var(--accent-gold);font-size:.9rem;font-weight:600;min-width:35px}@media (max-width:1024px){.hero-wrapper{padding:2rem 0}.hero-content h1{font-size:2.5rem}.project-card-floating,.team-card-floating{bottom:auto;left:auto;margin-top:20px;max-width:100%;position:relative;right:auto;top:auto}.project-card-floating{margin-left:auto;margin-right:auto}}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1.1rem}.hero-stats{gap:2rem;justify-content:center}.stat-item{align-items:center}.stat-number{font-size:2rem}.image-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,150px)}}@media (max-width:480px){.hero-content h1{font-size:1.8rem}.cta-button{font-size:.9rem;padding:.8rem 1.5rem}.award-badge,.floating-badge{bottom:auto;left:auto;margin:10px auto;position:relative;right:auto;top:auto;width:-webkit-fit-content;width:fit-content}}::-webkit-input-placeholder{color:#999!important}.partners{background:linear-gradient(135deg,#f8f9f7,#f0f3ee);overflow:hidden;padding:8rem 0;position:relative}.partners:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='%232e8b57' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;position:absolute;top:0;width:100%}.partners-slider-container{margin:4rem 0;overflow:hidden;padding:20px 0;position:relative;width:100%}.partners-slider-track{display:flex;gap:2rem;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}.partner-logo-wrapper{flex-basis:calc(20% - 1.6rem);flex-grow:0;flex-shrink:0;min-width:220px}.partner-logo-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:160px;justify-content:center;overflow:hidden;padding:2.5rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.1)}.partner-logo-card:before{background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.partner-logo-card:hover{border-color:#d4af374d;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.partner-logo-card:hover:before{transform:scaleX(1)}.logo-container{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem}.logo-svg{height:40px;width:140px}.logo-text{fill:currentColor;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.5px}.honeywell{color:#0033a0}.lg{color:#a50034}.schneider{color:#3dcd58}.abb{color:red}.hikvision{color:#00a0e9}.siemens{color:#099}.delta{color:#036}.tesla{color:#e82127}.partner-name{color:var(--text-dark);font-size:.9rem;font-weight:600;margin-top:.5rem;opacity:.8;text-align:center;transition:all .3s ease}.partner-logo-card:hover .partner-name{color:var(--primary-green);opacity:1}.slider-controls{gap:3rem;margin-top:3rem}.slider-btn,.slider-controls{align-items:center;display:flex;justify-content:center}.slider-btn{background:#fff;border:2px solid #2e8b5733;border-radius:50%;box-shadow:var(--shadow-sm);color:var(--primary-green);cursor:pointer;font-size:1.2rem;height:60px;transition:all .3s ease;width:60px}.slider-btn:hover{background:var(--gradient-accent);border-color:var(--accent-gold);box-shadow:0 8px 25px #d4af374d;color:#fff;transform:scale(1.1)}.slider-btn:active{transform:scale(.95)}.slider-dots{align-items:center;display:flex;gap:12px}.slider-dot{background:#2e8b5733;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slider-dot:hover{background:#2e8b5766;transform:scale(1.2)}.slider-dot.active{background:var(--accent-gold);box-shadow:0 0 0 3px #d4af3733;transform:scale(1.3)}.partners-note{background:#2e8b570d;border:1px solid #2e8b571a;border-radius:var(--border-radius);margin-left:auto;margin-right:auto;margin-top:4rem;max-width:800px;padding:2rem;text-align:center}.partners-note p{align-items:center;color:var(--text-dark);display:flex;font-size:1.1rem;gap:15px;justify-content:center;margin:0}.partners-note i{color:var(--accent-gold);font-size:1.5rem}@keyframes fadeInLogo{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.partner-logo-wrapper.animate-on-scroll.animated .partner-logo-card{animation:fadeInLogo .6s ease-out forwards}@media (max-width:1200px){.partner-logo-wrapper{flex-basis:calc(25% - 1.5rem);flex-grow:0;flex-shrink:0;min-width:200px}}@media (max-width:992px){.partner-logo-wrapper{flex-basis:calc(33.333% - 1.33rem);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.partners{padding:6rem 0}.partners-slider-container{margin:3rem 0}.partner-logo-wrapper{flex-basis:calc(50% - 1rem);flex-grow:0;flex-shrink:0;min-width:180px}.partner-logo-card{height:140px;padding:2rem 1rem}.logo-container{height:50px}.logo-svg{height:35px;width:120px}.slider-controls{flex-direction:column;gap:1.5rem}.slider-btn{height:50px;width:50px}.partners-note p{flex-direction:column;gap:10px;text-align:center}}@media (max-width:576px){.partner-logo-wrapper{flex-basis:100%;flex-grow:0;flex-shrink:0;min-width:100%}.partners-slider-container{cursor:grab;overflow-x:auto;scroll-snap-type:x mandatory}.partners-slider-track{gap:1.5rem;padding:0 10px}.partner-logo-wrapper{scroll-snap-align:center}.slider-controls{display:none}}.certificates-section{background:linear-gradient(135deg,#f8faf7,#fff);padding:6rem 0}.certificates-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.certificate-card{background:#fff;border:1px solid #0000000d;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.certificate-card:before{background:var(--gradient-accent);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.certificate-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.certificate-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.certificate-icon{align-items:center;border-radius:15px;display:flex;flex-shrink:0;height:58px;justify-content:center;width:70px}.certificate-icon img{height:100%;width:100%}.certificate-title h3{color:var(--primary-dark);font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.certificate-issuer{align-items:center;color:var(--text-light);display:flex;font-size:.9rem;font-weight:600;gap:8px}.certificate-issuer i{color:var(--accent-gold)}.certificate-details{border-bottom:1px solid #0000000d;border-top:1px solid #0000000d;margin:2rem 0;padding:1.5rem 0}.detail-row{align-items:center;border-bottom:1px solid #00000008;display:flex;justify-content:space-between;padding:.8rem 0}.detail-row:last-child{border-bottom:none}.detail-label{align-items:center;color:var(--text-dark);display:flex;font-size:.9rem;font-weight:600;gap:10px}.detail-label i{color:var(--primary-green);text-align:center;width:20px}.detail-value{color:var(--primary-dark);font-size:.95rem;font-weight:700}.certificate-description{background:#2e8b5708;border-left:4px solid var(--primary-green);border-radius:10px;margin:1.5rem 0;padding:1.5rem}.certificate-description p{color:var(--text-dark);line-height:1.6;margin:0}.certificate-actions{display:flex;gap:1rem;margin-top:2rem}.download-btn,.view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease}.download-btn{background:var(--gradient-accent);color:#fff}.download-btn:hover{box-shadow:0 8px 20px #d4af374d;transform:translateY(-3px)}.view-btn{background:#fff;border:2px solid var(--primary-green);color:var(--primary-dark)}.view-btn:hover{background:#2e8b570d;border-color:var(--accent-gold);transform:translateY(-3px)}.certificates-note{background:linear-gradient(135deg,#1a2e350d,#2e8b570d);border:1px solid #2e8b571a;border-radius:var(--border-radius);gap:2rem;margin-top:4rem;padding:2.5rem}.certificates-note,.note-icon{align-items:center;display:flex}.note-icon{background:linear-gradient(135deg,var(--primary-green) 0,#3aa66a 100%);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.8rem;height:70px;justify-content:center;width:70px}.note-content h4{color:var(--primary-dark);font-size:1.4rem;font-weight:700;margin-bottom:.8rem}.note-content p{color:var(--text-dark);line-height:1.7;margin:0}@media (max-width:768px){.certificates-grid{grid-template-columns:1fr}.certificate-header{text-align:center}.certificate-actions,.certificate-header,.certificates-note{flex-direction:column}.certificates-note{padding:2rem;text-align:center}.detail-row{align-items:flex-start;flex-direction:column;gap:.3rem}}.login-container{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:24px;position:relative}.gold-accent-line{background:linear-gradient(90deg,#0000,#d4af37 20%,gold 50%,#d4af37 80%,#0000);height:4px;left:0;position:absolute;right:0;top:0}.login-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000014;display:flex;overflow:hidden;width:80%}.admin-info-section{align-items:center;background:linear-gradient(135deg,#1a1a1a,#141414);display:flex;flex:1 1;padding:48px}.admin-content{margin:0 auto;max-width:500px;position:relative;width:100%;z-index:1}.admin-logo{display:flex;gap:20px;margin-bottom:40px}.admin-welcome h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#d4af37);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;line-height:1.3;margin-bottom:15px}.admin-welcome p{color:#ffffffb3;font-size:16px;line-height:1.5;margin:0}.admin-feature{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;display:flex;gap:18px;margin-top:10%;padding:18px;transition:all .3s ease}.admin-feature:hover{background:#ffffff0d;border-color:#d4af3733;transform:translateX(5px)}.feature-icon-wrapper{align-items:center;background:#d4af371a;border-radius:10px;color:#d4af37;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.feature-text h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 4px}.feature-text p{color:#fff9;font-size:13px;line-height:1.4;margin:0}.logo-icon-login{align-items:center;border-radius:14px;color:#fff;display:flex;height:56px;justify-content:center;width:200px}.logo-icon-login img{width:100%}.logo-text h1{color:#fff;font-size:28px}.logo-text span{display:block;font-weight:300}.admin-subtitle{color:#d4af37;font-size:12px;letter-spacing:1px}.login-form-section{align-items:center;display:flex;flex:1 1;justify-content:center;padding:56px}.form-wrapper{max-width:420px;width:100%}.input-field{margin-bottom:24px}.input-icon{color:#999;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.input-field input{background:#f8f9fa;border:2px solid #0000;border-radius:10px;height:52px;padding:0 48px;width:100%}.input-field input:focus{border-color:#d4af37;outline:none}.input-underline{bottom:-2px;height:2px;left:50px;position:absolute;right:16px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.input-field input:focus+.input-underline{transform:scaleX(1)}.input-field input.error{border-color:#ff4757}.input-field input.error:focus{box-shadow:0 0 0 4px #ff47571a}.password-toggle{background:none;border:none;cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:#d4af37}.input-field label{color:#1a1a1a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.error-text{color:#ff4757;display:block;font-size:13px;margin-top:6px}.login-button{background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:52px;width:100%}.alert-error{background:#fff5f5;border-radius:8px;color:#e53e3e;margin-bottom:16px;padding:12px}.spinner{border:3px solid #fff6}@media (max-width:768px){.login-card{flex-direction:column}.admin-info-section,.login-form-section{padding:32px}}:root{--primary-dark:#1a2e35;--primary-green:#2e8b57;--accent-gold:#d4af37;--accent-copper:#b87333;--light-bg:#f8f9f7;--card-bg:#fff;--text-dark:#2c3e2d;--text-light:#5a6d5e;--gradient-primary:linear-gradient(135deg,#1a2e35,#2e8b57);--gradient-accent:linear-gradient(135deg,#d4af37,#b87333);--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 15px 40px #0000001f;--transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.1);--border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f8f9f7;background-color:var(--light-bg);color:#2c3e2d;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}.container{margin:0 auto;max-width:1280px;padding:0 20px;width:90%}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #0000000d;left:0;padding:1.2rem 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);z-index:1000}header.scrolled{background:#fffffffa;box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);padding:.8rem 0}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{gap:15px;text-decoration:none}.logo-icon{align-items:center;background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-main{color:#1a2e35;color:var(--primary-dark);font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.logo-tagline{color:#2e8b57;color:var(--primary-green);font-size:.85rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:2.5rem;list-style:none}.nav-links a{color:#2c3e2d;color:var(--text-dark);font-size:1rem;font-weight:600;padding:8px 0;position:relative;text-decoration:none}.nav-links a,.nav-links a:before{transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.nav-links a:before{background:#d4af37;background:var(--accent-gold);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.nav-links a:hover{color:#2e8b57;color:var(--primary-green)}.nav-links a:hover:before{width:100%}.nav-cta{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);border-radius:8px;color:#fff!important;font-weight:600;margin-left:1rem;padding:10px 25px!important;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.nav-cta:hover{box-shadow:0 5px 15px #d4af374d;transform:translateY(-2px)}.nav-cta:before{display:none}.nav-links a.active-link{color:#2e8b57;font-weight:600}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;z-index:1001}.hamburger span{background:#1a2e35;background:var(--primary-dark);border-radius:3px;height:3px;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:30px}.hero{background:linear-gradient(135deg,#f8f9f7,#eef2e8);padding:15rem 0 8rem}.hero:before{background:radial-gradient(circle,#2e8b570d 0,#0000 70%);height:150%;right:-20%;top:-50%;width:80%}.hero-content{max-width:850px;position:relative;z-index:2}.hero-badge{background:#d4af371a;gap:10px;margin-bottom:2rem;padding:10px 20px}.hero-badge i{font-size:1.2rem}.hero h1{font-size:3.8rem;letter-spacing:-1px}.hero-highlight{color:#2e8b57;color:var(--primary-green)}.hero-highlight:after{background:#d4af374d;bottom:5px;content:"";height:8px;left:0;position:absolute;width:100%;z-index:-1}.hero p{color:#5a6d5e;color:var(--text-light);font-size:1.3rem;line-height:1.8;margin-bottom:3rem;max-width:700px}.cta-buttons{flex-wrap:wrap}.cta-button{border-radius:10px;gap:12px;padding:16px 40px}.cta-primary{background:var(--gradient-accent);box-shadow:0 10px 30px #d4af3740}.cta-primary:hover{box-shadow:0 15px 40px #d4af3759}.stats{background:#fff;padding:6rem 0;position:relative}.stats-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{background:#f8f9f7;background:var(--light-bg);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.stat-card:hover{border-color:#d4af37;border-color:var(--accent-gold);box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.stat-number{display:block;font-size:3.5rem}.stat-text{color:#5a6d5e;color:var(--text-light);font-size:1.1rem;font-weight:500}.services{background:#f8f9f7;background:var(--light-bg);padding:8rem 0}.section-header{margin-bottom:5rem}.section-subtitle{color:#2e8b57;color:var(--primary-green);display:inline-block;font-size:1rem;font-weight:700;letter-spacing:3px;margin-bottom:1.5rem;position:relative;text-transform:uppercase}.section-subtitle:after{background:#d4af37;background:var(--accent-gold);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-title{color:#1a2e35;color:var(--primary-dark);font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem}.section-desc{color:#5a6d5e;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:700px}.services-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.service-card{background:#fff;background:var(--card-bg);border-radius:12px;border-radius:var(--border-radius);border-top:5px solid #0000;box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:3rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.service-card:before{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .6s ease;width:100%}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-15px)}.service-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:15px;color:#2e8b57;color:var(--primary-green);display:flex;font-size:2rem;height:70px;justify-content:center;margin-bottom:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:70px}.service-card:hover .service-icon{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);color:#fff;transform:rotate(15deg) scale(1.1)}.service-card h3{color:#1a2e35;color:var(--primary-dark);font-size:1.8rem;font-weight:700;margin-bottom:1.2rem}.service-card p{color:#5a6d5e;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.service-features{list-style:none;margin:2rem 0}.service-features li{align-items:center;border-bottom:1px solid #0000000d;display:flex;gap:12px;padding:10px 0}.service-features li:last-child{border-bottom:none}.service-features i{color:#d4af37;color:var(--accent-gold);font-size:.9rem}.service-link{align-items:center;color:#2e8b57;color:var(--primary-green);display:inline-flex;font-weight:700;gap:10px;margin-top:1rem;padding:5px 0;position:relative;text-decoration:none}.service-link,.service-link:after{transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.service-link:after{background:#d4af37;background:var(--accent-gold);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}.service-link:hover{color:#d4af37;color:var(--accent-gold);gap:15px}.service-link:hover:after{width:100%}.values{background:#fff;padding:8rem 0}.values-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.value-card{background:#f8f9f7;background:var(--light-bg);border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);padding:3rem 2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.value-card:hover{border-color:#d4af37;border-color:var(--accent-gold);box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.value-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:50%;color:#2e8b57;color:var(--primary-green);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:80px}.value-card:hover .value-icon{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);color:#fff;transform:scale(1.1)}.value-card h3{color:#1a2e35;color:var(--primary-dark);font-size:1.6rem;font-weight:700;margin-bottom:1rem}.projects{background:linear-gradient(135deg,#1a2e35,#2c3e2d);color:#fff;overflow:hidden;padding:8rem 0;position:relative}.projects:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.02' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;left:0;position:absolute;top:0;width:100%}.section-title-light{color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem;position:relative;z-index:2}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.project-card:hover{border-color:#d4af37;border-color:var(--accent-gold);box-shadow:0 20px 40px #0003;transform:translateY(-10px)}.project-header{background:#ffffff08;border-bottom:1px solid #ffffff1a;padding:2rem}.project-tag{background:#d4af3726;border-radius:50px;color:#d4af37;color:var(--accent-gold);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:6px 20px}.project-card h4{font-size:1.5rem;margin-bottom:.5rem}.project-body{padding:2rem}.project-features{list-style:none;margin-top:1rem}.project-features li{align-items:center;display:flex;gap:10px;padding:8px 0}.project-features i{color:#d4af37;color:var(--accent-gold);font-size:.8rem}.partners{background:#fff;padding:6rem 0}.partners-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:3rem}.partner-logo{align-items:center;display:flex;filter:grayscale(100%);height:80px;justify-content:center;opacity:.6;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.partner-logo:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}.cta-section{background:linear-gradient(135deg,#1a2e35e6,#2e8b57e6);background-position:50%;background-size:cover;color:#fff;overflow:hidden;padding:8rem 0;position:relative;text-align:center}.cta-section:before{background:radial-gradient(circle at 70% 30%,#d4af3733 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-section h2{font-size:3.2rem;font-weight:800;margin-bottom:1.5rem}.cta-section p{font-size:1.3rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}footer{background:#0f1f1c;color:#fffc;padding:6rem 0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem}.footer-logo{gap:15px;margin-bottom:1.5rem;text-decoration:none}.footer-logo,.footer-logo-icon{align-items:center;display:flex}.footer-logo-icon{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);border-radius:10px;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.footer-logo-text{color:#fff;font-size:1.8rem;font-weight:800}.footer-about p{line-height:1.8;margin-bottom:2rem;opacity:.8}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:#ffffff14;border-radius:10px;color:#fff;display:flex;height:45px;justify-content:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:45px}.social-links a:hover{background:#d4af37;background:var(--accent-gold);color:#1a2e35;color:var(--primary-dark);transform:translateY(-5px)}.footer-heading{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1.8rem;padding-bottom:12px;position:relative}.footer-heading:after{background:#d4af37;background:var(--accent-gold);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:15px}.footer-links a{align-items:center;color:#ffffffb3;display:flex;gap:12px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.footer-links a:hover{color:#d4af37;color:var(--accent-gold);padding-left:8px}.contact-info{gap:1.5rem}.contact-item{align-items:flex-start;display:flex;gap:15px}.contact-icon{color:#d4af37;color:var(--accent-gold);font-size:1.2rem;margin-top:5px;min-width:20px}.copyright{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.9rem;padding-top:3rem;text-align:center}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero h1{font-size:3.2rem}.section-title{font-size:2.5rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.nav-links{background:#fff;box-shadow:-10px 0 30px #0000001a;flex-direction:column;height:100vh;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:300px}.nav-links.active{right:0}.hamburger{display:flex}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-cta{margin-left:0;margin-top:1rem}.hero{padding:12rem 0 6rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.cta-buttons{align-items:flex-start;flex-direction:column}.section-title{font-size:2.2rem}.service-card{padding:2.5rem}.cta-section h2{font-size:2.5rem}}@media (max-width:480px){.hero h1{font-size:2.2rem}.service-card,.stat-card,.value-card{padding:2rem}.services-grid{grid-template-columns:1fr}}.hero{align-items:center;background:linear-gradient(135deg,#f8f9f7,#eef2e8 50%,#dcebe1);display:flex;min-height:100vh;overflow:hidden;padding:8rem 0;position:relative}.hero:before{background:radial-gradient(circle,#2e8b5714 0,#0000 70%);height:140%;right:-10%;top:-20%;width:60%}.hero:after,.hero:before{content:"";position:absolute;z-index:1}.hero:after{background:radial-gradient(circle,#d4af370d 0,#0000 70%);bottom:-20%;height:100%;left:-10%;width:40%}.container{position:relative;z-index:2}.hero-grid{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr}.hero-content{max-width:600px}.hero-badge{animation:fadeInUp .8s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d4af371a,#b873331a);border:1px solid #d4af3733;border-radius:50px;color:#d4af37;color:var(--accent-gold);display:inline-flex;font-weight:600;gap:12px;margin-bottom:3rem;padding:12px 24px}.badge-icon,.hero-badge{align-items:center;font-size:.9rem}.badge-icon{background:linear-gradient(135deg,#d4af37,#b87333);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-copper) 100%);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.hero h1{animation:fadeInUp .8s ease-out .4s both;color:#1a2e35;color:var(--primary-dark);font-size:4rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#fd9d0e;display:inline-block;position:relative}.hero-subtitle{color:#2c3e2d;color:var(--text-dark);display:block;font-weight:600;margin-top:.5rem}.hero-description{animation:fadeInUp .8s ease-out .6s both;color:#5a6d5e;color:var(--text-light);font-size:1.2rem;line-height:1.8;margin-bottom:3rem;max-width:550px}.cta-buttons{animation:fadeInUp .8s ease-out .8s both;display:flex;gap:1.5rem;margin-bottom:4rem}.cta-button{border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;justify-content:center;min-width:200px;overflow:hidden;padding:18px 40px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.button-content,.cta-button{align-items:center;position:relative}.button-content{display:flex;gap:12px;z-index:2}.button-hover-effect{background:linear-gradient(135deg,#ffffff1a,#0000);height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:100%}.cta-button:hover .button-hover-effect{opacity:1}.cta-primary{background:linear-gradient(135deg,#d4af37,#b87333);background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-copper) 100%);box-shadow:0 15px 40px #d4af374d;color:#fff}.cta-primary:hover{box-shadow:0 20px 50px #d4af3766;transform:translateY(-5px)}.cta-secondary{background:#fff;border:2px solid #2e8b57;border:2px solid var(--primary-green);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-sm);color:#1a2e35;color:var(--primary-dark)}.cta-secondary:hover{background:#2e8b570d;border-color:#d4af37;border-color:var(--accent-gold);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);transform:translateY(-5px)}.hero-stats{animation:fadeInUp .8s ease-out 1s both;border-top:1px solid #0000001a;gap:2.5rem;padding-top:2.5rem}.hero-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a2e35,#2e8b57);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-green) 100%);-webkit-background-clip:text;background-clip:text;color:#1a2e35;color:var(--primary-dark);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#5a6d5e;color:var(--text-light);font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-divider{background:linear-gradient(180deg,#0000,#0000001a,#0000);height:40px;width:1px}.hero-image{animation:fadeIn 1s ease-out .5s both;position:relative}.image-wrapper{margin-left:auto;max-width:600px;position:relative;width:100%}.placeholder-image{background:linear-gradient(135deg,#1a2e35,#2a4a4a);background:linear-gradient(135deg,var(--primary-dark) 0,#2a4a4a 100%);border-radius:24px;box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);height:500px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:100%}.placeholder-image:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.image-overlay{background:linear-gradient(45deg,#2e8b571a,#d4af370d)}.floating-shapes,.image-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#d4af374d,#b8733333);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:2s;bottom:15%;height:120px;right:10%;width:120px}.shape-3{animation-delay:4s;height:60px;left:70%;top:60%;width:60px}.achievement-card{align-items:center;animation:slideIn .8s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);display:flex;gap:1rem;padding:1.5rem;position:absolute;z-index:3}.card-1{animation-delay:1s;left:-30px;top:-20px}.card-2{animation-delay:1.2s;bottom:30px;right:-20px}.achievement-icon{align-items:center;background:linear-gradient(135deg,#2e8b57,#3aa66a);background:linear-gradient(135deg,var(--primary-green) 0,#3aa66a 100%);border-radius:12px;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;width:50px}.achievement-content{display:flex;flex-direction:column}.achievement-title{color:#1a2e35;color:var(--primary-dark);font-size:1.1rem;font-weight:700;margin-bottom:4px}.achievement-subtitle{color:#5a6d5e;color:var(--text-light);font-size:.85rem}.scroll-indicator{align-items:center;animation:fadeIn 1s ease-out 1.5s both;bottom:40px;color:#5a6d5e;color:var(--text-light);display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.scroll-line{animation:scrollLine 2s ease-in-out infinite;background:linear-gradient(180deg,#d4af37,#0000);background:linear-gradient(to bottom,var(--accent-gold),#0000);height:60px;width:1px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scrollLine{0%,to{height:40px;opacity:.5}50%{height:60px;opacity:1}}@media (max-width:1024px){.hero-grid{gap:4rem}.hero h1{font-size:3.2rem}.placeholder-image{height:400px}}@media (max-width:768px){.hero{min-height:auto;padding:10rem 0 6rem}.hero-grid{gap:4rem;grid-template-columns:1fr}.hero-content{max-width:100%}.hero-image{margin:0 auto;max-width:500px;order:-1}.image-wrapper{margin:0}.placeholder-image{height:350px;transform:none}.hero h1{font-size:2.8rem}.cta-buttons{align-items:stretch;flex-direction:column}.achievement-card{transform:scale(.9)}.card-1{left:-10px}.card-2{right:-10px}}@media (max-width:480px){.hero{padding:8rem 0 4rem}.hero h1{font-size:2.2rem}.hero-description{font-size:1.1rem}.hero-stats{flex-wrap:wrap;gap:2rem;justify-content:center}.stat-divider:nth-child(2n){display:none}.placeholder-image{height:300px}.achievement-card{padding:1rem;transform:scale(.8)}}.strategic-alliances{background:linear-gradient(135deg,#f8faf7,#fff);padding:6rem 0}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#1a2e35;color:var(--primary-dark);font-size:2.5rem;margin-bottom:1rem}.section-header p{color:#5a6d5e;color:var(--text-light);font-size:1.1rem;margin:0 auto;max-width:600px}.alliance-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.alliance-card{background:#fff;border:1px solid #0000;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.alliance-card:hover{border-color:#d4af37;border-color:var(--accent-gold);box-shadow:0 15px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.card-header{gap:1.5rem;margin-bottom:1.5rem}.alliance-icon,.card-header{align-items:center;display:flex}.alliance-icon{background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:15px;color:#2e8b57;color:var(--primary-green);font-size:1.8rem;height:60px;justify-content:center;width:60px}.card-header h3{color:#1a2e35;color:var(--primary-dark);font-size:1.4rem;margin:0}.alliance-description{color:#5a6d5e;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.benefits-list h4{color:#1a2e35;color:var(--primary-dark);font-size:1.1rem;margin-bottom:1rem}.benefits-list ul{list-style:none;padding:0}.benefits-list li{align-items:center;color:#2c3e2d;color:var(--text-dark);display:flex;gap:10px;justify-content:center;padding:.5rem 0}.benefits-list i{color:#2e8b57;color:var(--primary-green);font-size:.9rem}.advantages-section{border-top:1px solid #0000001a;padding-top:4rem}.advantages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.advantage-card{background:#fff;border:1px solid #0000000d;border-radius:12px;border-radius:var(--border-radius);padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition)}.advantage-card:hover{box-shadow:0 8px 30px #00000014;box-shadow:var(--shadow-md);transform:translateY(-5px)}.advantage-icon{align-items:center;background:linear-gradient(135deg,#2e8b571a,#d4af371a);border-radius:50%;color:#2e8b57;color:var(--primary-green);display:flex;font-size:2rem;height:70px;justify-content:center;margin:0 auto 1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);transition:var(--transition);width:70px}.advantage-card:hover .advantage-icon{background:linear-gradient(135deg,#d4af37,#b87333);background:var(--gradient-accent);color:#fff;transform:scale(1.1)}.advantage-card h3{color:#1a2e35;color:var(--primary-dark);font-size:1.3rem;margin-bottom:1rem}.advantage-card p{color:#5a6d5e;color:var(--text-light);line-height:1.6}@media (max-width:768px){.advantages-grid,.alliance-cards{grid-template-columns:1fr}.card-header{flex-direction:column;text-align:center}}.logo-image{height:auto;margin-right:10px;width:160px}.dashboard-layout{background:#f5f7fa;display:flex;min-height:100vh;position:relative}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.dashboard-main-content{flex:1 1;margin-left:280px;transition:margin-left .3s ease,transform .3s ease;width:100%}.dashboard-main-content.sidebar-collapsed{margin-left:80px}.dashboard-content-area{min-height:calc(100vh - 80px);padding:30px}.dashboard-content-area,.dashboard-home{animation:fadeIn .5s ease}.dashboard-welcome-section{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;color:#fff;margin-bottom:25px;padding:25px}.dashboard-welcome-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#d4af37);-webkit-background-clip:text;background-clip:text;font-size:24px;margin:0 0 10px}.dashboard-welcome-section p{color:#fffc;font-size:15px;line-height:1.5;margin:0}.dashboard-stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:25px}.dashboard-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;min-height:100px;padding:20px;transition:all .3s ease}.dashboard-stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.dashboard-stat-content h3{color:#1a1a1a;font-size:32px;font-weight:700;margin:0}.dashboard-stat-content p{color:#666;font-size:14px;font-weight:500;margin:5px 0 0}.dashboard-stat-icon{font-size:36px;opacity:.2}.dashboard-recent-contacts{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:20px}.dashboard-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.dashboard-section-header h3{color:#1a1a1a;font-size:18px;margin:0}.dashboard-view-all{background:#d4af37;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:all .3s ease;white-space:nowrap}.dashboard-view-all:hover{background:#b8860b;transform:translateY(-2px)}.contacts-table{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.contacts-table table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.contacts-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;padding:15px 12px}.contacts-table td{border-bottom:1px solid #e9ecef;padding:12px}.contacts-table tr:last-child td{border-bottom:none}.contacts-table tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;min-width:70px;padding:5px 12px;text-align:center}.status-pending{background:#fff3cd;color:#856404}.status-read{background:#d1ecf1;color:#0c5460}.shimmer-container{padding:20px;width:100%}.shimmer-header{margin-bottom:20px}.shimmer-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:10px}.shimmer-row{background:#fff;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.error-message{color:#dc3545;padding:40px 20px;text-align:center}.retry-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 25px;transition:all .3s ease}.retry-button:hover{background:#c82333;transform:translateY(-2px)}.no-contacts{color:#6c757d;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:1024px){.dashboard-main-content{margin-left:250px}.dashboard-content-area{padding:25px}}@media (max-width:768px){.dashboard-layout{flex-direction:column}.sidebar-overlay{display:block}.dashboard-main-content,.dashboard-main-content.sidebar-collapsed{margin-left:0;transition:transform .3s ease;width:100%}.dashboard-content-area{min-height:calc(100vh - 70px);padding:20px 15px}.dashboard-welcome-section{border-radius:12px;margin-bottom:20px;padding:20px}.dashboard-welcome-section h2{font-size:20px;margin-bottom:8px}.dashboard-welcome-section p{font-size:14px;line-height:1.4}.dashboard-stats-grid{gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.dashboard-stat-card{min-height:90px;padding:15px}.dashboard-stat-content h3{font-size:24px}.dashboard-stat-content p{font-size:13px}.dashboard-stat-icon{font-size:28px}.dashboard-recent-contacts{border-radius:10px;padding:15px}.dashboard-section-header{margin-bottom:15px}.dashboard-section-header h3{font-size:16px}.dashboard-view-all{font-size:13px;padding:7px 15px}.contacts-table{border-radius:6px}.contacts-table table{min-width:500px}.contacts-table th{font-size:13px;padding:12px 10px}.contacts-table td{font-size:13px;padding:10px}.contact-name{min-width:120px}.contact-email{min-width:150px;word-break:break-all}.contact-date{min-width:90px}.contact-status{min-width:80px}.status-badge{font-size:11px;min-width:60px;padding:4px 10px}.shimmer-container{padding:15px}.shimmer-row{gap:10px;padding:12px}.shimmer-cell,.shimmer-line{height:16px}}@media (max-width:480px){.dashboard-content-area{padding:15px 12px}.dashboard-welcome-section{padding:18px}.dashboard-welcome-section h2{font-size:18px}.dashboard-stats-grid{gap:12px;grid-template-columns:1fr}.dashboard-stat-card{padding:15px 20px}.dashboard-stat-content h3{font-size:28px}.dashboard-stat-content p{font-size:14px}.dashboard-view-all{margin-top:10px;width:100%}.contacts-table{border-radius:0;margin:0 -12px;width:calc(100% + 24px)}.contacts-table table{border-radius:0}.contacts-table td,.contacts-table th{font-size:12px;padding:10px 8px}.status-badge{font-size:10px;padding:3px 8px}}@media (max-height:500px) and (orientation:landscape){.dashboard-content-area{min-height:auto;padding:15px}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-stat-card{min-height:80px;padding:12px 15px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dashboard-stat-card{border-width:.5px}}@media (prefers-reduced-motion:reduce){.dashboard-stat-card,.dashboard-view-all,.retry-button{transition:none}.dashboard-stat-card:hover{transform:none}}.status-Responded{background:#d1f1e2;color:#0c5460}.sidebar{background:linear-gradient(180deg,#1a1a1a,#0a0a0a);color:#fff;display:flex;flex-direction:column;height:100vh;position:fixed;transition:all .3s ease;width:280px;z-index:1000}.sidebar.closed{transform:translateX(-100%);width:80px}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:25px 20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:15px}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#d4af37,gold);border-radius:10px;color:#000;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-logo-text h2{font-size:18px;font-weight:700;margin:0}.sidebar-logo-text p{color:#ffffffb3;font-size:12px;margin:2px 0 0}.sidebar-toggle{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:18px;padding:8px;transition:background .3s ease}.sidebar-toggle:hover{background:#ffffff1a}@media (max-width:768px){.sidebar-toggle{align-items:center;display:inline-flex;justify-content:center;margin-left:35px}}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-nav-icon{font-size:18px;width:20px}.sidebar-nav-label{white-space:nowrap}.sidebar-nav-item{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:15px;gap:15px;padding:15px 25px;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav-item:hover{background:#ffffff0d;border-left:4px solid #d4af37;color:#fff}.sidebar-nav-item.active{background:#d4af371a;border-left:4px solid #d4af37;color:gold}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.sidebar-logout-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:15px;gap:15px;padding:12px 20px;transition:all .3s ease;width:100%}.sidebar-logout-btn:hover{background:#ff00001a;border-color:#ff6b6b4d;color:#ff6b6b}@media (max-width:1024px){.sidebar{width:250px}.search-bar input{width:200px}}@media (max-width:768px){.sidebar{position:fixed;transform:translateX(-100%);width:100%;z-index:1000}.sidebar.open{transform:translateX(0);width:250px}}.sidebar.closed~.main-content{margin-left:0}.sidebar.closed .sidebar-nav-label{display:none}.mobile-header{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000004d;color:#fff;display:none;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1001}@media (max-width:768px){.mobile-header{display:flex}}.mobile-menu-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;padding:10px;transition:background .3s ease}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-header-title{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.mobile-header-title img{width:135px}.mobile-logo-mini{background:linear-gradient(135deg,#d4af37,gold);border-radius:8px;color:#000;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.mobile-header-avatar,.mobile-header-user,.mobile-logo-mini{align-items:center;display:flex}.mobile-header-avatar{background:#ffffff1a;border-radius:50%;font-size:16px;height:36px;justify-content:center;width:36px}.mobile-sidebar{display:flex;position:fixed;z-index:1002}.mobile-sidebar,.mobile-sidebar-overlay{height:100%;left:0;pointer-events:none;top:0;width:100%}.mobile-sidebar-overlay{background:#00000080;opacity:0;position:absolute;transition:opacity .3s ease}.mobile-sidebar.mobile-open .mobile-sidebar-overlay{opacity:1;pointer-events:auto}.mobile-sidebar-content{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);color:#fff;display:flex;flex-direction:column;height:100%;left:-100%;pointer-events:auto;position:absolute;top:0;transition:left .3s ease;width:280px}.mobile-sidebar.mobile-open .mobile-sidebar-content{box-shadow:2px 0 15px #0000004d;left:0}.mobile-sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:25px 20px}.mobile-user-info{align-items:center;display:flex;gap:15px}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,#d4af37,gold);border-radius:50%;color:#000;display:flex;font-size:22px;height:50px;justify-content:center;width:50px}.mobile-user-details h3{font-size:18px;font-weight:600;margin:0}.mobile-user-details p{color:#ffffffb3;font-size:12px;margin:5px 0 0}.mobile-sidebar-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background .3s ease;width:36px}.mobile-sidebar-close:hover{background:#fff3}.mobile-sidebar-nav{flex:1 1;padding:20px 0}.mobile-sidebar-item{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#ffffffe6;cursor:pointer;display:flex;font-size:16px;gap:15px;padding:18px 25px;text-align:left;transition:all .3s ease;width:100%}.mobile-sidebar-item:hover{background:#ffffff0d;border-left-color:gold;color:#fff}.mobile-sidebar-item.mobile-active{background:#d4af3726;border-left-color:#d4af37;color:gold}.mobile-sidebar-icon{font-size:18px;width:24px}.mobile-sidebar-label{font-weight:500}.mobile-sidebar-footer{border-top:1px solid #ffffff1a;padding:20px}.mobile-logout-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#ffffffe6;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:15px;justify-content:center;padding:15px 20px;transition:all .3s ease;width:100%}.mobile-logout-btn:hover{background:#ff000026;border-color:#ff6b6b66;color:#ff6b6b;transform:translateY(-1px)}@media (max-width:768px){.sidebar{display:none!important}.sidebar.closed~.main-content,.sidebar.open~.main-content{margin-left:0;padding-top:60px}}.main-content{transition:padding .3s ease}@media (min-width:769px){.sidebar-toggle{display:none}}.sidebar-logo img{width:140px}.header-dashboard-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left .page-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.header-right{align-items:center;display:flex;gap:20px}.header-search-icon{color:#999;font-size:14px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.header-notification-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:18px;padding:8px;position:relative;transition:all .3s ease}.header-notification-btn:hover{background:#f5f5f5;color:#d4af37}@media (max-width:768px){.header-right{justify-content:space-between;width:100%}.header-dashboard-header{align-items:center;background:#050505;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-user-profile{display:none!important}.sidebar-logo-text{display:none}}.header-search-bar{position:relative}.header-search-bar input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 15px 10px 40px;transition:all .3s ease;width:250px}.header-search-bar input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}@media (max-width:1024px){.header-search-bar input{width:200px}}.header-notification-badge{align-items:center;background:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.header-user-profile{align-items:center;cursor:pointer;display:flex;gap:12px}.header-user-avatar{align-items:center;background:linear-gradient(135deg,#d4af37,gold);border-radius:50%;color:#000;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.header-user-info{display:flex;flex-direction:column}.header-user-name{color:#1a1a1a;font-size:14px;font-weight:600}.header-user-role{color:#666;font-size:12px}.contact-management{animation:fadeIn .5s ease;padding:20px}.contact-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.contact-header-left h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.contact-header-left p{color:#666;font-size:16px;margin:0}.contact-header-right{display:flex;gap:12px}.contact-add-contact-btn,.contact-export-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.contact-export-btn{background:#fff;border:1px solid #e0e0e0;color:#1a1a1a}.contact-export-btn:hover{background:#f5f5f5;border-color:#d4af37}.contact-add-contact-btn{background:linear-gradient(135deg,#d4af37,#b8860b);color:#fff}.contact-add-contact-btn:hover{box-shadow:0 8px 20px #d4af374d;transform:translateY(-2px)}.contact-controls-panel{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:20px}.contact-search-container{flex:1 1;min-width:300px;position:relative}.contact-search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 20px 12px 45px;transition:all .3s ease;width:100%}.contact-search-input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.contact-search-container .search-icon{color:#999;font-size:16px;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.contact-filters-container{display:flex;flex-wrap:wrap;gap:15px}.contact-filter-group{align-items:center;color:#666;display:flex;font-size:14px;gap:10px}.contact-filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 15px;transition:all .3s ease}.contact-filter-select:focus{border-color:#d4af37;outline:none}.contacts-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;overflow:hidden;overflow-x:auto}.contacts-table{border-collapse:collapse;min-width:800px;width:100%}.contacts-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.contacts-table th{color:#333;font-size:14px;font-weight:600;padding:16px;text-align:left;white-space:nowrap}.contacts-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .3s ease}.contacts-table tbody tr:hover{background:#f9f9f9}.contacts-table td{font-size:14px;padding:16px;vertical-align:top}.contact-name strong{color:#1a1a1a;font-size:15px}.contact-info{display:flex;flex-direction:column;gap:6px}.contact-date,.contact-email,.contact-phone{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.contact-date svg,.contact-email svg,.contact-phone svg{color:#999;font-size:12px}.contact-status-badge{border-radius:20px;display:inline-block;padding:6px 12px}.contact-badge-new{background:#007bff1a;color:#007bff}.contact-badge-pending{background:#ffc1071a;color:#ffc107}.contact-badge-responded{background:#28a7451a;color:#28a745}.contact-badge-default{background:#f8f9fa;color:#666}.contact-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.contact-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:8px 12px;transition:all .3s ease}.contact-view-btn{background:#007bff1a;color:#007bff}.contact-view-btn:hover{background:#007bff33}.contact-reply-btn{background:#28a7451a;color:#28a745}.contact-reply-btn:hover{background:#28a74533}.contact-delete-btn{background:#dc35451a;color:#dc3545}.contact-delete-btn:hover{background:#dc354533}.contact-no-data{color:#999;font-style:italic;padding:40px!important;text-align:center}.contact-table-footer{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;padding:20px}.contact-pagination-info{color:#666;font-size:14px}.contact-pagination-controls{align-items:center;display:flex;gap:10px}.contact-pagination-btn{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.contact-pagination-btn:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.contact-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.contact-page-number{background:#f8f9fa;padding:8px 12px}.contact-loading{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.contact-page-header{flex-direction:column}.contact-header-right{justify-content:flex-start;width:100%}.contact-controls-panel{align-items:stretch;flex-direction:column}.contact-search-container{min-width:100%}.contact-filters-container{justify-content:space-between;width:100%}.contact-action-buttons{flex-direction:column}}.contact-confirmation-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-confirmation-popup{animation:popup-appear .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:500px;overflow:hidden;width:90%}@keyframes popup-appear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-confirmation-popup-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:12px;padding:20px 24px}.contact-confirmation-popup-header h3{color:#dc3545;font-size:1.25rem;font-weight:600;margin:0}.contact-confirmation-warning-icon{color:#dc3545;font-size:1.5rem}.contact-confirmation-popup-content{padding:24px}.contact-confirmation-contact-details{background-color:#f8f9fa;border-left:4px solid #dc3545;border-radius:8px;margin:16px 0;padding:16px}.contact-confirmation-contact-details p{color:#495057;margin:8px 0}.contact-confirmation-contact-details strong{color:#212529;display:inline-block;min-width:60px}.contact-confirmation-warning-text{border-top:1px solid #e9ecef;color:#dc3545;font-size:.9rem;font-weight:500;margin-top:16px;padding-top:16px}.contact-confirmation-popup-actions{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.contact-confirmation-btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.contact-confirmation-cancel-btn{background-color:#6c757d;color:#fff}.contact-confirmation-cancel-btn:hover{background-color:#5a6268;transform:translateY(-1px)}.confirmation-delete-btn{background-color:#dc3545;color:#fff}.contact-confirmation-delete-btn:hover{background-color:#c82333;transform:translateY(-1px)}.contact-confirmation-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.contact-confirmation-popup{margin:0 10px;width:95%}.contact-confirmation-popup-actions{flex-direction:column}.contact-confirmation-btn{width:100%}}.contact-status-cell{align-items:center;display:flex;gap:8px}.contact-status-toggle-btn{align-items:center;background:#0000;border:1px solid #ddd;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px 8px;transition:all .3s ease;width:32px}.contact-status-toggle-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff;color:#007bff}.contact-status-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.contact-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.contact-badge-pending{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.contact-badge-responded{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.contact-badge-default{background-color:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.contact-loader-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin-top:20px;min-height:400px}.contact-loader{align-items:center;display:flex;flex-direction:column;gap:20px}.contact-loader .fa-spin{animation:spin 1s linear infinite;color:#cea521;font-size:3rem}.contact-loader p{color:#666;font-size:1.1rem;font-weight:500}.contact-skeleton-loader{display:flex;flex-direction:column;gap:10px;padding:20px}.contact-skeleton-row{border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px 0}.contact-skeleton-cell{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-fa-spin{animation:spin 1s linear infinite}.contacts-table-container.loading{opacity:.6;pointer-events:none}.contact-page-numbers{align-items:center;display:flex;gap:6px}.contact-page-number{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;transition:all .2s ease}.contact-page-number:hover:not(:disabled){border-color:#d4af37;color:#d4af37}.contact-page-active{background:linear-gradient(135deg,#d4af37,#b8860b);border-color:#b8860b;box-shadow:0 4px 10px #d4af3759;color:#fff!important;cursor:default;font-weight:600;pointer-events:none}.contact-page-dots{color:#999;font-weight:700;padding:0 6px}.contactview-popup-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.contactview-popup-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.contactview-popup-header{align-items:center;background:linear-gradient(135deg,gold,#daa520);border-bottom:1px solid #f0f0f0;color:#333;display:flex;justify-content:space-between;padding:20px 30px}.contactview-popup-title{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.contactview-popup-title h2{color:#333;font-size:20px;font-weight:600;margin:0}.contactview-status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.contactview-status-badge.new{background:#ffffff4d;color:#333}.contactview-status-badge.pending{background:#ffc1074d;color:#b8860b}.contactview-status-badge.responded{background:#28a7454d;color:#2e8b57}.contactview-close-popup-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.contactview-close-popup-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.contactview-popup-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:30px}.contactview-status-toggle{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;margin-bottom:25px;padding:10px}.contactview-status-option{background:#f8f9fa;border:2px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 15px;transition:all .3s ease}.contactview-status-option:hover{background:beige}.contactview-status-option.active{background:linear-gradient(135deg,gold,#daa520);border-color:#daa520;color:#333}.contactview-info-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.contactview-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.contactview-header h3{color:#1a1a1a;font-size:18px;margin:0}.contactview-company-badge{background:#fff8dc;border-radius:20px;color:#b8860b;font-size:12px;font-weight:500;padding:6px 12px}.contactview-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.contactview-detail-item{align-items:center;color:#666;display:flex;font-size:14px;gap:10px}.contactview-detail-item svg{color:#daa520;width:16px}.contactview-project-details{grid-gap:10px;border-top:1px solid #f0f0f0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-top:15px}.contactview-project-item{color:#333;font-size:14px}.contactview-project-item strong{color:#666;margin-right:5px}.contactview-activity-section,.contactview-attachments-section,.contactview-message-section,.contactview-notes-section,.contactview-reply-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.contactview-activity-section h4,.contactview-attachments-section h4,.contactview-message-section h4,.contactview-notes-section h4,.contactview-reply-section h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 15px}.contactview-message-content{color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap}.contactview-attachments-section h4{align-items:center;display:flex;gap:8px}.contactview-attachment-list{display:flex;flex-direction:column;gap:10px}.attachment-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.contactview-file-name{color:#333;font-size:14px}.contactview-download-btn{background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:4px;color:#333;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.contactview-download-btn:hover{background:linear-gradient(135deg,#daa520,#b8860b)}textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}textarea:focus{border-color:#daa520;box-shadow:0 0 0 3px #daa5201a;outline:none}.contactview-action-buttons{display:flex;gap:10px}.contactview-btn-outline,.contactview-btn-primary,.contactview-btn-secondary,.contactview-btn-success{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.contactview-btn-primary{background:linear-gradient(135deg,gold,#daa520);color:#333}.contactview-btn-primary:hover{box-shadow:0 5px 15px #daa52066;transform:translateY(-2px)}.contactview-btn-secondary{background:#f8f9fa;border:1px solid #ddd;color:#666}.contactview-btn-secondary:hover{border-color:#daa520;color:#b8860b}.contactview-btn-success{background:#28a745;color:#fff}.contactview-btn-success:hover{background:#218838}.contactview-btn-outline{background:#fff;border:1px solid #ddd;color:#666}.contactview-btn-outline:hover{border-color:#dc3545;color:#dc3545}.contactview-activity-timeline{display:flex;flex-direction:column;gap:15px}.contactview-activity-item{display:flex;gap:12px}.contactview-activity-dot{background:#daa520;border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.contactview-activity-content p{color:#333;font-size:14px;margin:0 0 4px}.contactview-activity-content span{color:#999;font-size:12px}.contactview-popup-footer{background:#fff;border-top:1px solid #f0f0f0;padding:20px 30px}.contactview-footer-actions{display:flex;flex-wrap:wrap;gap:10px}.contactview-action-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.contactview-action-btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.contactview-action-btn.primary{background:linear-gradient(135deg,gold,#daa520);border:none;color:#333}.contactview-action-btn:first-child:hover{border-color:#dc3545;color:#dc3545}.contactview-loading,.contactview-not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.contactview-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:gold;height:40px;margin-bottom:15px;width:40px}.contactview-not-found h3{color:#dc3545;margin-bottom:15px}.contactview-popup-body::-webkit-scrollbar{width:8px}.contactview-popup-body::-webkit-scrollbar-track{background:#f1f1f1}.contactview-popup-body::-webkit-scrollbar-thumb{background:#daa520;border-radius:4px}.contactview-popup-body::-webkit-scrollbar-thumb:hover{background:#b8860b}@media (max-width:768px){.contactview-popup-content{max-height:95vh;max-width:95%}.contactview-popup-header{padding:15px 20px}.contactview-popup-body{padding:20px}.contactview-popup-footer{padding:15px 20px}.contactview-footer-actions{justify-content:center}.contactview-details-grid,.contactview-project-details{grid-template-columns:1fr}}@media (max-width:480px){.contactview-action-buttons,.contactview-footer-actions,.contactview-header,.contactview-status-toggle{flex-direction:column}.contactview-header{align-items:flex-start;gap:10px}}.change-password-wrapper{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;justify-content:center;min-height:calc(100vh - 70px);padding:20px}.change-password-container{animation:slideUp .6s ease-out;max-width:480px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.change-password-header{color:#2d3748;margin-bottom:30px;text-align:center}.header-icon{color:#d4af37;font-size:48px;margin-bottom:16px;opacity:.9}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,gold);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.header-content p{color:#4a5568;font-size:16px;font-weight:400;opacity:.8}.change-password-card{background:#fff;border:1px solid #d4af3726;border-radius:20px;box-shadow:0 15px 50px #d4af371a;overflow:hidden;padding:40px;position:relative}.card-decoration{background:linear-gradient(90deg,#d4af37,gold 50%,#d4af37);height:4px;left:0;position:absolute;right:0;top:0}.message-banner{align-items:center;animation:fadeIn .3s ease-out;border:1px solid #0000;border-radius:12px;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:#d4af3714;border-color:#d4af3733;color:#2d6a4f}.message-banner.error{background:#fee2e2e6;border-color:#fecaca;color:#991b1b}.message-icon{flex-shrink:0;font-size:18px}.message-banner.success .message-icon{color:#d4af37}.message-banner.error .message-icon{color:#dc2626}.input-group{margin-bottom:24px}.input-label{align-items:center;color:#2d3748;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.input-label svg{color:#d4af37}.input-wrapper{position:relative}.password-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#2d3748;font-size:15px;padding:16px 48px 16px 16px;transition:all .3s ease;width:100%}.password-input::placeholder{color:#94a3b8}.password-input:focus{background:#fff;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.password-input.error{background:#fef2f2;border-color:#f87171}.toggle-password{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s}.toggle-password:hover{color:#d4af37}.toggle-password svg{font-size:20px}.input-error{align-items:center;animation:shake .3s ease-in-out;color:#dc2626;display:flex;font-size:13px;gap:6px;margin-top:6px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.input-error svg{color:#dc2626;flex-shrink:0;font-size:14px}.password-strength{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.strength-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.strength-label{color:#2d3748;font-size:14px;font-weight:600}.strength-score{color:#d4af37;font-size:14px;font-weight:700}.strength-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.strength-fill{background:linear-gradient(90deg,gold,#d4af37);height:100%;transition:all .3s ease}.strength-criteria{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.criterion{gap:8px}.criterion,.criterion-icon{align-items:center;display:flex;font-size:12px}.criterion-icon{background:#e2e8f0;border-radius:50%;color:#94a3b8;height:20px;justify-content:center;transition:all .3s;width:20px}.criterion-icon.passed{background:#d4af37;color:#fff}.criterion-text{color:#64748b}.security-tips{background:linear-gradient(135deg,#fff9e6,#fff4d4);border:1px solid #d4af3733;border-radius:16px;margin:32px 0;padding:20px}.security-tips h3{align-items:center;color:#2d3748;display:flex;font-size:15px;gap:10px;margin:0 0 12px}.security-tips h3 svg{color:#d4af37}.security-tips ul{color:#4a5568;font-size:14px;line-height:1.6;margin:0;padding-left:20px}.security-tips li{margin-bottom:6px;position:relative}.security-tips li:before{color:#d4af37;content:"✓";font-weight:700;left:-20px;position:absolute}.form-actions{margin-top:32px}.submit-button{align-items:center;background:linear-gradient(135deg,#d4af37,gold);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #d4af374d;transform:translateY(-2px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:disabled{background:linear-gradient(135deg,#d4af3799,#ffd70099);cursor:not-allowed;opacity:.6;transform:none!important}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.change-password-wrapper{padding:16px}.change-password-card{padding:24px}.header-content h1{font-size:28px}.strength-criteria{grid-template-columns:1fr}}.change-password-card:after{background:linear-gradient(135deg,#0000,#d4af3705 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.password-input:focus{animation:goldGlow 2s infinite}@keyframes goldGlow{0%,to{box-shadow:0 0 0 3px #d4af371a}50%{box-shadow:0 0 0 3px #d4af3733}}.header-icon{position:relative}.header-icon:after{background:radial-gradient(circle,#d4af371a 0,#0000 70%);border-radius:50%;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:-1}
/*# sourceMappingURL=main.b15a101f.css.map*/