:root{--primary-orange: #FF7F00;--primary-orange-hover: #e67200;--secondary-blue: #003366;--accent-green: #7CB342;--light-gray: #F5F7FA;--white: #ffffff;--text-dark: #333333;--text-light: #666666;--font-main: "Outfit", sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;position:relative}body{font-family:var(--font-main);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%}.btn{display:inline-block;padding:12px 24px;border-radius:4px;font-weight:600;text-align:center;cursor:pointer;transition:var(--transition);border:none}.btn-primary{background:var(--primary-orange);color:var(--white)}.btn-primary:hover{background:var(--primary-orange-hover);transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary-orange);color:var(--primary-orange);background:transparent}.btn-outline:hover{background:var(--primary-orange);color:var(--white)!important}.btn-green{background:var(--accent-green);color:var(--white)}.btn-green:hover{background:#689f38}header{width:100%}.top-bar{background:var(--light-gray);padding:10px 0;font-size:13px;color:var(--text-light)}.top-bar .container{display:flex;justify-content:space-between;align-items:center}.top-bar .contact-info span{margin-right:20px;display:inline-flex;align-items:center;gap:5px}.main-nav{padding:20px 0;background:var(--white);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.main-nav .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:800;color:var(--secondary-blue);display:flex;align-items:center;gap:10px}.logo span{color:var(--primary-orange)}.nav-links{display:flex;gap:25px;align-items:center}.nav-links li a{font-weight:500;color:var(--secondary-blue);display:flex;align-items:center;gap:5px}.nav-links li a:hover{color:var(--primary-orange)}.hero{position:relative;height:500px;display:flex;align-items:center;overflow:hidden;background:#fff}.hero-content{flex:1;padding-right:50px;z-index:2}.hero h1{font-size:48px;line-height:1.2;margin-bottom:20px;color:var(--secondary-blue)}.hero h1 span.green{color:var(--accent-green)}.hero p{font-size:18px;color:var(--text-light);margin-bottom:30px;max-width:500px}.hero-image{flex:1.2;height:100%;position:relative;clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%)}.hero-image img{width:100%;height:100%;object-fit:cover}.features{padding:80px 0;background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fdfdfd;padding:40px;border-radius:8px;text-align:center;box-shadow:0 5px 20px #00000008;border:1px solid #eee;display:flex;flex-direction:column;align-items:center}.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:32px}.icon-green{border:2px solid var(--accent-green);color:var(--accent-green)}.icon-blue{border:2px solid var(--secondary-blue);color:var(--secondary-blue)}.icon-orange{border:2px solid var(--primary-orange);color:var(--primary-orange)}.feature-card h3{margin-bottom:15px;color:var(--secondary-blue)}.feature-card p{margin-bottom:25px;font-size:15px;color:var(--text-light)}.monitor{background:var(--secondary-blue);padding:80px 0;color:var(--white);position:relative;overflow:hidden}.monitor-flex{display:flex;align-items:center}.monitor-content{flex:1}.monitor h2{font-size:36px;margin-bottom:20px}.monitor p{font-size:16px;margin-bottom:30px;max-width:500px;opacity:.9}.monitor-graphic{flex:1;text-align:right}.monitor-graphic img{max-width:100%}.testimonials{padding:80px 0;background:var(--light-gray);text-align:center}.testimonials h2{font-size:32px;margin-bottom:50px;color:var(--secondary-blue)}.testimonials h2 span{color:var(--accent-green)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;text-align:left}.testimonial-card{background:var(--white);padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000000d;position:relative}.testimonial-card p{font-style:italic;margin-bottom:20px}.testimonial-author{font-weight:700;color:var(--secondary-blue)}.news{padding:80px 0}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.news-item{display:flex;gap:20px}.news-img{width:200px;height:150px;border-radius:4px;overflow:hidden}.news-img img{width:100%;height:100%;object-fit:cover}.news-details{flex:1}.news-date{font-size:12px;color:var(--accent-green);text-transform:uppercase;margin-bottom:5px}.news-details h4{margin-bottom:10px;color:var(--secondary-blue)}footer{background:var(--secondary-blue);color:var(--white);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-col h3{margin-bottom:25px;position:relative;padding-bottom:10px}.footer-col h3:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--primary-orange)}.footer-links li{margin-bottom:12px}.footer-links li a:hover{color:var(--primary-orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;opacity:.8}.floating-contact{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:10px}.contact-tab{background:var(--secondary-blue);color:var(--white);padding:15px 20px;writing-mode:vertical-rl;text-orientation:mixed;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition)}.contact-tab:hover{background:var(--primary-orange)}.auth-section{padding:80px 0;background:var(--light-gray);min-height:calc(100vh - 400px);display:flex;align-items:center}.form-container{max-width:450px;margin:0 auto;background:var(--white);padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a}.form-container h2{margin-bottom:25px;color:var(--secondary-blue);text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #ff7f001a}.dashboard-grid{display:grid;grid-template-columns:250px 1fr;gap:30px;padding:40px 0}.dashboard-sidebar{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.sidebar-menu li{margin-bottom:5px}.sidebar-menu li a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px}.sidebar-menu li a:hover,.sidebar-menu li a.active{background:var(--primary-orange);color:var(--white)}.dashboard-main{background:var(--white);padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.stat-card{padding:20px;background:var(--light-gray);border-radius:8px;border-left:4px solid var(--primary-orange)}.stat-card h4{font-size:14px;color:var(--text-light)}.stat-card .value{font-size:24px;font-weight:700;color:var(--secondary-blue)}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:60px 0}.contact-info-boxes{display:flex;flex-direction:column;gap:20px}.info-box{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:15px}.info-box i{color:var(--primary-orange)}.menu-toggle{display:none;background:none;border:none;color:var(--secondary-blue);cursor:pointer;padding:5px}@media (max-width: 992px){.menu-toggle{display:block}.nav-links{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--white);flex-direction:column;align-items:center;justify-content:center;padding:50px 0;transition:.4s ease;box-shadow:0 10px 10px #0000000d;z-index:1001}.nav-links.active{left:0}.nav-links li{margin:15px 0}.nav-links li a{font-size:24px}.top-bar .contact-info span:last-child{display:none}}@media (max-width: 768px){.hero{height:auto;padding:40px 0}.hero .container{flex-direction:column;text-align:center;height:auto!important}.hero-content{padding:0 20px;margin-bottom:40px;width:100%}.hero h1{font-size:36px}.hero p{margin:0 auto 30px;font-size:16px}.hero-image{display:block;height:250px;width:calc(100% - 40px);margin:0 20px;clip-path:none;border-radius:12px;flex:none}.features-grid,.testimonial-grid,.news-grid,.footer-grid,.contact-grid{grid-template-columns:1fr!important;gap:20px}.section-header h2{font-size:28px}.footer-bottom{flex-direction:column;gap:15px;text-align:center}.monitor-flex{flex-direction:column;text-align:center}.monitor-content{margin-bottom:40px}.footer-col{text-align:center}.footer-col h3:after{left:50%;transform:translate(-50%)}}.faq-container{max-width:800px;margin:40px auto}.faq-item{background:var(--white);border-radius:8px;margin-bottom:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.faq-question{padding:20px;width:100%;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-family:inherit;font-size:18px;font-weight:600;color:var(--secondary-blue);text-align:left;cursor:pointer;transition:var(--transition)}.faq-item:first-child .faq-question{border-top:none}.faq-question:hover{background:#fafafa}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease-out;padding:0 20px;color:var(--text-light);line-height:1.6}.faq-item.active .faq-answer{max-height:500px;padding:0 20px 20px}.faq-item.active .faq-question{color:var(--primary-orange)}.chevron{transition:transform .3s ease}.faq-item.active .chevron{transform:rotate(180deg)}
