*{box-sizing:border-box}a,a:hover,a[href],a[href]:hover{text-decoration:none}a.btn-primary,a.btn-secondary,a.btn-outline,a.btn-primary:hover,a.btn-secondary:hover,a.btn-outline:hover{text-decoration:none!important}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--accent-color: #e74c3c;--dark-color: #333;--gray-color: #666;--light-color: #f8f9fa;--white-color: #ffffff;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;line-height:1.6;color:var(--dark-color);background-color:var(--white-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navigation{background-color:var(--white-color);box-shadow:0 2px 10px #0000001a;padding:15px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:var(--transition)}.navigation.scrolled{padding:10px 0;box-shadow:0 4px 20px #00000026}.navigation .container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;justify-content:center}.logo a{display:flex;align-items:center;justify-content:center;position:relative}.logo .logo-image{width:80px;position:absolute;left:0}.logo-text{font-size:24px;font-weight:700;color:var(--primary-color);letter-spacing:-.5px;padding-left:60px}.logo-slogan{font-size:12px;color:var(--gray-color);margin-left:5px;letter-spacing:.5px}.desktop-menu ul{display:flex;list-style:none}.desktop-menu ul li{margin-left:30px}.desktop-menu ul li a{text-decoration:none;color:var(--dark-color);font-weight:500;font-size:16px;transition:var(--transition);position:relative;padding:5px 0}.desktop-menu ul li a.active{color:var(--secondary-color)}.desktop-menu ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:var(--transition)}.desktop-menu ul li a:hover:after,.desktop-menu ul li a.active:after{width:100%}.contact-btn .btn-primary{background-color:var(--secondary-color);color:var(--white-color);border:none;padding:10px 25px;border-radius:5px;font-weight:600;text-decoration:none;transition:var(--transition);display:inline-block}.contact-btn .btn-primary:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--dark-color);border-radius:3px;transition:var(--transition)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:var(--transition)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{background-color:var(--white-color);width:90%;max-width:400px;height:90%;border-radius:10px;overflow:hidden;position:relative;transform:translateY(20px);transition:var(--transition)}.mobile-menu-overlay.active .mobile-menu{transform:translateY(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #eee}.mobile-menu-close{font-size:24px;cursor:pointer;color:var(--dark-color)}.mobile-menu ul{list-style:none;padding:20px}.mobile-menu ul li{margin-bottom:20px}.mobile-menu ul li a{text-decoration:none;color:var(--dark-color);font-size:18px;font-weight:500;display:block;padding:10px 0;border-bottom:1px solid #f0f0f0}.mobile-menu ul li a.active{color:var(--secondary-color)}.mobile-menu ul li a:last-child{border-bottom:none}.mobile-menu ul li .btn-primary{display:block;text-align:center;margin-top:10px}.footer{background-color:var(--primary-color);color:var(--white-color);padding:80px 0 30px;margin-top:50px}.footer-content{display:flex;flex-wrap:wrap;margin-bottom:50px}.footer-column{flex:1;min-width:250px;margin:0 20px 30px 0}.footer-column h3{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--white-color);position:relative;padding-bottom:10px}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--secondary-color)}.footer-column p{margin-bottom:15px;line-height:1.8;color:#fffc}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#fffc;text-decoration:none;transition:var(--transition)}.footer-column ul li a:hover{color:var(--white-color);padding-left:5px}.social-links{display:flex;margin-top:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;color:var(--white-color);margin-right:10px;transition:var(--transition);text-decoration:none}.social-links a:hover{background-color:var(--secondary-color);transform:translateY(-3px)}.contact-info li{display:flex;align-items:flex-start;margin-bottom:15px}.contact-info li i{margin-right:15px;color:var(--secondary-color);font-size:18px;margin-top:3px;width:20px}.newsletter-form{display:flex;margin-top:15px}.newsletter-form input{flex:1;padding:12px 15px;border:1px solid #34495e;background-color:#ffffff1a;color:var(--white-color);border-radius:5px 0 0 5px;outline:none}.newsletter-form input::placeholder{color:#fff9}.newsletter-form button{background-color:var(--secondary-color);color:var(--white-color);border:none;padding:12px 25px;border-radius:0 5px 5px 0;font-weight:600;cursor:pointer;transition:var(--transition)}.newsletter-form button:hover{background-color:#2980b9}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.copyright{color:#fff9;font-size:14px}.footer-links{display:flex}.footer-links a{color:#fff9;text-decoration:none;margin-left:20px;font-size:14px;transition:var(--transition)}.footer-links a:hover{color:var(--white-color)}@media (max-width: 768px){.navigation{padding:15px 0}.desktop-menu,.contact-btn{display:none}.mobile-menu-toggle{display:flex}.footer-content{flex-direction:column}.footer-column{margin:0 0 30px}.footer-bottom{flex-direction:column;text-align:center}.footer-links{margin-top:15px}.footer-links a{margin-left:15px}}@media (max-width: 480px){.container{padding:0 15px}.logo-text{font-size:20px}.logo-slogan{font-size:10px}.newsletter-form{flex-direction:column}.newsletter-form input{border-radius:5px;margin-bottom:10px}.newsletter-form button{border-radius:5px}}.fab,.fas{font-family:"Font Awesome 5 Free",sans-serif;font-weight:900}.fab{font-weight:400}