:root{--container-width:1440px;--brand-color:#111827;--accent-color:#2563eb;--primary-color:var(--accent-color);--light-color:#f8fafc;--lighter-color:#f1f5f9;--dark-color:#111827;--border-color:#e5e7eb;--box-shadow:0 5px 15px rgba(0,0,0,.1);--transition:all .3s ease}*{box-sizing:border-box}body,html{color:var(--brand-color);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0;overflow-x:hidden;padding:0}body{padding-top:80px}.container{margin:0 auto;max-width:var(--container-width);padding:0 20px}.layout{display:flex;flex-direction:column;min-height:100vh}.layout main{flex:1 0 auto}@media(max-width:768px){.layout{min-height:auto}.container{max-width:100vw;padding:0 12px;width:100%}}.btn{background-color:var(--light-color);border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 25px;text-align:center;text-decoration:none;transition:var(--transition)}.btn-primary{align-items:center;background-color:var(--primary-color);color:#fff;display:flex;height:48px;justify-content:center;padding:0 20px}.btn-primary:hover{background-color:#3251d4}.btn-secondary{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:#4361ee1a}.btn-sm{font-size:14px;height:36px;padding:8px 16px}.btn-lg{font-size:18px;height:56px;padding:15px 30px}.btn-block{display:block;width:100%}.btn:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.btn-icon{align-items:center;display:flex;justify-content:center}.btn-icon i{margin-right:8px}.header-buttons .btn{padding:10px 20px;white-space:nowrap}.cta-btn{border-radius:.5rem;padding:.5rem 1.5rem}@media(max-width:768px){.btn{font-size:15px;padding:10px 20px}.btn-lg{font-size:16px;height:50px;padding:12px 25px}.btn-sm{font-size:13px;height:32px;padding:6px 12px}}.header{background-color:#fff;box-shadow:var(--box-shadow);height:80px;left:0;padding:16px 0;position:fixed;top:0;width:100%;z-index:1000}.header .container{height:48px;justify-content:space-between}.header .container,.logo{align-items:center;display:flex}.logo{cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.9}.logo img{display:block;height:40px;margin-right:10px}.brand{color:#000;font-size:24px;font-weight:700;line-height:40px;margin:0}.brand,.brand:hover{text-decoration:none}.nav ul{align-items:center;display:flex;height:48px;list-style:none;margin:0;padding:0}.nav ul li{margin-left:60px;position:relative}.nav ul li a{align-items:center;color:var(--brand-color);display:flex;font-weight:500;text-decoration:none;transition:var(--transition);transition:color .3s ease}.nav ul li a i{font-size:12px;margin-left:5px}.nav ul li a:hover{color:var(--primary-color);font-weight:500}.nav ul li a.active{color:inherit;font-weight:400}.has-dropdown{position:relative}.dropdown-menu{background-color:#fff;border-radius:8px;box-shadow:var(--box-shadow);left:0;min-width:260px;opacity:0;padding:20px 14px;position:absolute;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:1001}.has-dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.products-dropdown{width:400px}.dropdown-item{align-items:center;border-radius:6px;color:inherit;display:flex;padding:10px 12px;text-decoration:none;transition:var(--transition)}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;height:32px;justify-content:center;margin-right:10px;width:32px}.dropdown-icon i{color:#333;font-size:22px}.products-dropdown .dropdown-icon i,.resources-dropdown .dropdown-icon i{color:var(--primary-color);font-size:20px;margin:0!important}.dropdown-content h4{font-size:15px;margin:0}.dropdown-content p{color:#666;font-size:13px}.dropdown-content{display:flex;flex-direction:column;justify-content:center}.header-buttons{align-items:center;display:flex}.login-btn{font-weight:500;margin-right:20px;text-decoration:none;transition:var(--transition)}.login-btn:hover{color:var(--primary-color)}.mobile-menu-btn{cursor:pointer;display:none;flex-direction:column}.mobile-menu-btn span{background-color:var(--dark-color);height:3px;margin:2px 0;transition:var(--transition);width:25px}.mobile-login-icon{display:none}.footer{background-color:#333;color:#fff;padding:30px 0 10px;position:static}.footer-top{display:flex;justify-content:space-between;margin-bottom:20px}.footer-brand{max-width:300px}.footer-brand .logo{align-items:center;display:flex;left:auto;margin-bottom:20px;position:static;transform:none}.footer-brand .logo img{margin-right:10px;width:40px}.footer-brand .logo h2{color:#fff;font-size:24px}.footer-brand p{color:#ccc;line-height:1.8;margin-bottom:20px}.social-links a{background-color:#ffffff1a;border-radius:50%;color:#fff;display:inline-block;height:40px;line-height:40px;margin-right:10px;text-align:center;transition:var(--transition);width:40px}.social-links a:hover{background-color:var(--primary-color)}.footer-links{display:flex;gap:100px}.link-group h3{color:#fff;cursor:pointer;font-size:18px;margin-bottom:20px;position:relative;transition:color .3s ease}.link-group ul{list-style:none;margin:0;padding-left:0}.link-group ul li{margin:12px 0}.link-group ul li a{color:#ccc;padding:6px 0;text-decoration:none;transition:var(--transition)}.link-group ul li a:hover{color:#fff}.footer a,.footer a:hover{text-decoration:none}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);color:#ccc;padding-top:10px;text-align:center}.footer .link-group .toggle-icon{display:none}@media(max-width:992px){.header .container{position:relative}.logo{left:50%;position:absolute;transform:translate(-50%)}.mobile-menu-btn{margin-right:auto;order:-1}.header-buttons{margin-left:auto}.header-buttons .btn{display:none}.nav{background-color:#fff;box-shadow:0 5px 15px #0000001a;height:calc(100vh - 80px);left:0;opacity:0;overflow-y:auto;padding:20px;position:fixed;top:80px;transform:translateY(-20px);visibility:hidden;width:100%}.nav.active{opacity:1;transform:translateY(0);visibility:visible}.nav ul{align-items:flex-start;flex-direction:column;height:auto;width:100%}.nav ul li{margin:12px 0;width:100%}.nav ul li a{display:flex;font-size:18px;justify-content:flex-start;padding:10px 0;width:100%}.dropdown-menu{box-shadow:none;display:none;opacity:1;padding:10px 0 10px 15px;position:static;transform:none;visibility:visible;width:100%}.has-dropdown.active .dropdown-menu{display:block}.header-buttons .login-btn{display:none}.mobile-menu-btn{display:flex}.products-dropdown{padding:0;width:100%}.dropdown-item{padding:10px 0}.mobile-login-icon{align-items:center;color:#333;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.footer-top{flex-direction:column;margin-bottom:5px}.footer-brand{align-self:center;margin-bottom:20px;margin-top:20px;text-align:center!important}.footer-brand .logo{justify-content:center!important;position:static;transform:none}.footer-links{flex-wrap:wrap;gap:30px}}@media(max-width:768px){.footer-top{flex-direction:column;margin-bottom:5px}.link-group{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:15px;overflow:hidden;padding:0 20px 15px;width:100%}.link-group:last-child{border-bottom:none;margin-bottom:0}.link-group h3{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:0;padding:15px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.link-group .toggle-icon{margin-left:10px;transition:transform .3s ease}.link-group.active .toggle-icon{transform:rotate(45deg)}.footer .link-group .toggle-icon{display:inline-block;margin-left:10px;transition:transform .3s ease}.footer .link-group.active .toggle-icon{transform:rotate(180deg)}.link-group ul{display:none;max-height:0;overflow:hidden;padding-bottom:0;padding-left:0;padding-top:0;transition:max-height .3s ease,padding .3s ease}.link-group.active ul{display:block;max-height:300px;padding-bottom:12px;padding-top:0}.footer-links{flex-direction:column;gap:0;padding:0 10px}.footer-brand{display:block;margin:20px auto;text-align:center!important}}@media(max-width:576px){.footer-top{flex-direction:column;margin-bottom:10px}.footer-brand{display:block;margin:20px auto;text-align:center!important}.footer-brand,.footer-brand .logo{margin-left:auto;margin-right:auto;text-align:center!important;width:100%}.link-group{padding:0 15px 15px}.header-buttons .btn{display:none}}