:root{--color-orange:#ff5722;--color-orange-hover:#e64a19;--color-blue-dark:#1a0b52;--color-blue-btn:#2d1b70;--color-text-dark:#1f1f1f;--color-text-light:#64626b;--color-white:#fff;--color-bg-light:#f9f9f9;--color-gray-border:#e0e0e0;--container-width:1820px;--border-radius-pill:50px;--border-radius-card:16px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-white);color:var(--color-text-dark);font-family:Poppins,sans-serif;line-height:1.5;overflow-x:hidden}.container{margin:0 auto;max-width:var(--container-width);padding:0 20px}.btn{border:none;border-radius:var(--border-radius-card);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;text-decoration:none;transition:var(--transition)}.btn-orange{background-color:var(--color-orange);color:var(--color-white)}.btn-orange:hover{background-color:var(--color-orange-hover);transform:translateY(-2px)}.btn-dark{background-color:var(--color-blue-btn);color:var(--color-white)}.btn-dark:hover{opacity:.9;transform:translateY(-2px)}img{display:block;max-width:100%}h1,h2,h3{font-weight:700;line-height:1.2}.navbar{background:hsla(0,0%,100%,.97);border-radius:0 0 24px 24px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:10px 0;position:sticky;top:0;transition:all .3s ease-in-out;z-index:1000}.navbar.scrolled{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:10px 0}.navbar.scrolled .logo-img{border-radius:0;height:40px;transition:all .3s ease-in-out;width:auto}.navbar.scrolled .nav-links a{font-size:1rem}.nav-content{justify-content:space-between}.nav-content,.nav-menu-wrapper{align-items:center;display:flex}.nav-menu-wrapper{gap:64px}.logo{align-items:center;display:flex;gap:5px}.logo-img{border-radius:0;height:64px;transition:all .3s ease-in-out;width:auto}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:var(--color-blue-dark);font-size:1.2rem;font-weight:500;text-decoration:none;transition:var(--transition)}.nav-links a:hover{color:var(--color-orange)}.nav-icons{align-items:center;display:flex;gap:60px}.nav-icons a.nav-link-icon{align-items:center;color:inherit;display:flex;justify-content:center;text-decoration:none}.nav-icons i{color:var(--color-blue-dark);cursor:pointer;font-size:1.5rem;transition:var(--transition)}.nav-icons i:hover{color:var(--color-orange)}.mobile-inner-header,.mobile-menu-left,.mobile-toggle{display:none}.nav-header-mobile{display:contents}.mobile-close-btn{background:none;border:none;color:var(--color-blue-dark);cursor:pointer;font-size:2rem}.dropdown-trigger{height:100%;position:relative}.dropdown-menu{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);left:-20px;list-style:none;opacity:0;padding:15px 0;position:absolute;top:40px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:220px;z-index:1100}.dropdown-menu li{padding:0}.dropdown-menu li a{display:block;font-size:1rem;font-weight:400;padding:10px 25px;transition:background .2s,color .2s}.dropdown-menu li a:hover{background-color:#f5f5f5;color:var(--color-orange)}.dropdown-menu .divider{background-color:#eee;margin:8px 0}.dropdown-trigger.menu-open .dropdown-menu,.dropdown-trigger:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-trigger.menu-open .fa-chevron-down,.dropdown-trigger:hover .fa-chevron-down{transform:rotate(180deg)}.fa-chevron-down{transition:transform .3s ease}.search-container{align-items:center;background-color:transparent;border-radius:50px;display:flex;transition:background-color .3s ease,border .3s ease}.search-container.active{background-color:#f4f4f4;border:1px solid #e0e0e0}.search-input{background:transparent;border:none;color:var(--color-blue-dark);font-family:Poppins,sans-serif;font-size:.95rem;outline:none;padding:0;transition:width .4s ease,padding .4s ease;width:0}.search-container.active .search-input{padding:8px 10px 8px 20px;width:220px}.search-container .search-icon{color:var(--color-blue-dark);cursor:pointer;font-size:1.5rem;padding:5px;transition:all .3s ease}.search-container.active .search-icon{color:var(--color-orange);font-size:1.2rem;padding-right:15px}@media (max-width:1025px){.search-container.active .search-input{padding:6px 10px 6px 15px;width:140px}}.blog-listing-section{background-color:#fff;padding:0 0 100px}.blog-hero{background-blend-mode:multiply;background-color:rgba(0,0,0,.3);background-position:50%;background-size:cover;height:400px;position:relative;width:100%}.h-100{height:100%}.blog-hero-content{align-items:flex-end;display:flex;height:100%;padding-bottom:40px}.blog-title{color:#fff;font-size:4rem;font-weight:800;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.blog-top-bar{align-items:center;display:flex;gap:20px;justify-content:flex-end;margin-bottom:40px;margin-top:40px}.post-count{color:#666;font-size:.85rem}.btn-filter{align-items:center;background-color:transparent;border:1px solid var(--color-blue-dark);border-radius:14px;color:var(--color-blue-dark);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;padding:8px 25px;transition:all .3s ease}.btn-filter:hover{background-color:var(--color-blue-dark);color:#fff}.blog-grid{display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.blog-card{display:flex;flex-direction:column;height:100%}.blog-card-img{aspect-ratio:4/3;border-radius:20px;margin-bottom:20px;overflow:hidden;width:100%}.blog-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .blog-card-img img{transform:scale(1.05)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1}.blog-card-content h3{color:var(--color-blue-dark);font-size:1.4rem;font-weight:500;line-height:1.2;margin-bottom:10px}.blog-meta{color:#888;font-size:.75rem;font-weight:600;margin-bottom:15px;text-transform:uppercase}.blog-card-content p{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:25px}.btn-read-more{align-self:flex-start;font-size:.85rem;margin-top:auto;padding:10px 30px}.pagination{gap:15px;margin-top:80px}.page-num,.pagination{align-items:center;display:flex;justify-content:center}.page-num{border-radius:50%;color:#666;font-size:1rem;font-weight:500;height:35px;text-decoration:none;transition:all .3s ease;width:35px}.page-num:hover{background-color:#f4f4f4;color:var(--color-blue-dark)}.page-num.active{background-color:transparent;border:2px solid var(--color-blue-dark);color:var(--color-blue-dark);font-weight:700}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{height:250px}.blog-title{font-size:3rem}.blog-top-bar{justify-content:space-between}.blog-grid{gap:50px;grid-template-columns:1fr}}.filter-dropdown-wrapper{display:inline-block;position:relative}.btn-filter i{transition:transform .3s ease}.btn-filter.active i{transform:rotate(180deg)}.filter-dropdown-menu{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);list-style:none;min-width:220px;opacity:0;padding:10px 0;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.filter-dropdown-menu.active{opacity:1;transform:translateY(0);visibility:visible}.filter-dropdown-menu li{padding:0}.filter-dropdown-menu li a{color:var(--color-text-light);display:block;font-size:.9rem;padding:10px 25px;text-align:left;text-decoration:none;transition:background .2s,color .2s}.filter-dropdown-menu li a:hover{background-color:#f5f5f5;color:var(--color-orange)}.footer{background-color:#f0f0f0;font-size:.9rem;padding:50px 64px}.footer-grid{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:40px;padding-top:20px}.footer-logo img{height:80px;margin-bottom:20px}.footer-links{display:flex;gap:80px;margin-left:auto;margin-right:60px}.footer-links h4{color:var(--color-blue-dark);font-size:1rem;margin-bottom:15px}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:10px}.footer-links a{color:var(--color-blue-dark);font-weight:700;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--color-orange)}.social-links{border-left:2px solid #1a0b52;display:flex;flex-direction:column;gap:15px;min-height:100px;padding-left:40px;text-align:left}.social-links p{color:var(--color-blue-dark);font-weight:400}.social-links a{color:var(--color-blue-dark);display:inline-block;font-size:1.8rem;transition:var(--transition)}.social-links a:hover{color:var(--color-orange);transform:translateY(-3px)}.copyright{border-top:1px solid #d1d1d1;color:var(--color-blue-dark);font-size:.85rem;margin:0 auto;max-width:100%;padding-top:30px;text-align:left}.modal-close{color:#1a0b52;float:right}.login-box{padding:40px}.cart-sidebar{transition:transform .4s ease}@media (max-width:1025px){.nav-content{justify-content:space-between;padding:0 20px}.nav-header-mobile{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:1001}.mobile-toggle{background:transparent;border:none;color:var(--color-blue-dark);cursor:pointer;display:block;font-size:1.8rem}.nav-menu-wrapper{background-color:#fff;display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.nav-menu-wrapper.active{animation:slideIn .3s ease-out;display:grid;grid-template-columns:35% 65%}.mobile-menu-left{align-items:center;background:linear-gradient(180deg,#1a0b52,#2d1b70);color:#fff;display:none;padding:40px 20px;position:relative;text-align:left}.mobile-promo-content h2{color:#fff;font-size:1.8rem;line-height:1.1;margin-bottom:20px}.mobile-promo-content h2 strong{font-size:2.2rem;font-weight:800}.btn-outline-white{border:1px solid #fff;border-radius:30px;color:#fff;display:inline-block;font-size:.9rem;margin-bottom:30px;padding:10px 20px;text-decoration:none}.promo-arrow{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;height:40px;justify-content:center;margin-top:20px;width:40px}.mobile-menu-right{background-color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto}.mobile-inner-header{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:20px 30px}.mobile-logo-inner{display:none;height:40px;width:40px}.mobile-header-actions{align-items:center;display:flex;gap:20px}.search-icon-mobile{color:var(--color-blue-dark);font-size:1.5rem}.nav-icons{display:flex;gap:20px;justify-content:space-around;padding:30px 40px}.nav-icons i{font-size:1.8rem}.desktop-only{display:none!important}.nav-links{display:flex;flex-direction:column;gap:0;padding:0 40px;width:100%}.nav-links li{border-bottom:1px solid #f5f5f5;width:100%}.nav-links li:last-child{border-bottom:none}.nav-links a{align-items:center;color:var(--color-blue-dark);display:flex;font-size:1.3rem;font-weight:700;justify-content:space-between;padding:20px 0}.dropdown-menu{background:#fff;box-shadow:none;display:none;opacity:1;padding:0 0 20px 20px;position:static;transform:none;visibility:visible;width:100%}.dropdown-trigger.menu-open .dropdown-menu{display:block}.dropdown-menu li a{font-size:1rem;font-weight:400;padding:10px 0}.tool-card{height:35vh;width:calc(50% - 15px)}.nav-content{justify-content:space-between;padding:0 20px}.footer-grid{align-items:center;flex-direction:column;gap:30px;text-align:center}.footer-links{flex-direction:column;gap:10px;justify-content:center;margin:0}.social-links{align-items:center;border-left:none;border-top:2px solid #1a0b52;min-height:auto;padding-left:0;padding-top:20px;text-align:center;width:50%}.logo-img{border-radius:0;height:60%;width:60%}.nav-header-mobile{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:1001}.mobile-toggle{background:transparent;border:none;color:var(--color-blue-dark);cursor:pointer;display:block;font-size:1.8rem}.nav-menu-wrapper{background-color:#fff;display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.nav-menu-wrapper.active{animation:slideIn .3s ease-out;display:grid;grid-template-columns:35% 65%}.nav-links{align-items:center;flex-direction:column;gap:20px;margin-bottom:20px}.nav-icons{gap:30px;justify-content:center}.dropdown-menu{background-color:#f9f9f9;box-shadow:none;display:none;opacity:1;position:static;text-align:center;transform:none;visibility:visible;width:100%}.dropdown-trigger:hover .dropdown-menu{display:block}}@media (max-width:600px){.nav-menu-wrapper.active{grid-template-columns:10% 90%}.mobile-menu-left,.mobile-promo-content{display:none}.mobile-menu-left:after{align-items:center;border:1px solid #fff;border-radius:50%;bottom:20px;color:#fff;content:"\f060";display:flex;font-family:Font Awesome\ 6 Free;font-weight:900;height:30px;justify-content:center;position:absolute;width:30px}.nav-icons i,.nav-links a{font-size:1rem}.dropdown-menu li a{font-size:.8rem}.tool-card{height:40vh;min-width:250px;width:100%}.page-title{font-size:2rem;padding:0;text-align:center}}@media (min-width:993px){.mobile-inner-header,.mobile-menu-left{display:none!important}.mobile-menu-right{align-items:center;display:flex;flex-direction:row-reverse;gap:100px}}@media (max-width:1025px){.nav-menu-wrapper.active{background:transparent;display:flex;justify-content:end;left:0;margin:0;padding:0;top:0}.mobile-close-btn{background:transparent;border:none;color:#1a0b52;cursor:pointer;font-size:2rem}.mobile-menu-right{background:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:100vw}}@media (min-width:1026px){.mobile-close-btn,.mobile-inner-header,.mobile-menu-left,.mobile-toggle{display:none!important}.mobile-menu-right{display:flex;flex-direction:row-reverse;gap:64px}}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:2000}.modal-overlay.active{opacity:1;visibility:visible}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.modal-title{font-size:2rem;font-weight:800}.modal-close,.modal-title{color:var(--color-blue-dark)}.modal-close{background:transparent;border:none;cursor:pointer;font-size:1.8rem}.login-box{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:800px;padding:40px 50px;position:relative;width:90%}.login-grid{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:20px}.input-group label{color:var(--color-blue-dark);display:block;font-weight:500;margin-bottom:8px}.input-group input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:12px 15px;width:100%}.login-middle-actions{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.recaptcha-placeholder{align-items:center;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;color:#555;display:flex;font-size:.8rem;justify-content:space-between;padding:10px 15px;width:200px}.login-btn-area{text-align:right}.forgot-pass{color:var(--color-blue-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:10px;text-decoration:underline}.btn-login{background-color:var(--color-blue-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 40px}.login-divider{background-color:#ddd;height:1px;margin-bottom:30px}.login-footer{align-items:center;display:flex;justify-content:space-between}.footer-text h3{color:var(--color-blue-dark);font-size:1.2rem;margin-bottom:5px}.footer-text p{color:#555;font-size:.9rem;max-width:400px}.btn-register{background:transparent;border:2px solid var(--color-blue-dark);border-radius:12px;color:var(--color-blue-dark);cursor:pointer;font-size:1rem;font-weight:700;padding:10px 30px;transition:all .3s}.btn-register:hover{background:var(--color-blue-dark);color:#fff}.cart-overlay-wrapper{justify-content:flex-end}.cart-sidebar{background:#fff;display:flex;flex-direction:column;height:100vh;max-width:480px;padding:30px;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,1,.5,1);width:100%}.modal-overlay.active .cart-sidebar{transform:translateX(0)}.cart-items-list{flex:1;overflow-y:auto;padding-right:10px}.cart-item{gap:15px;margin-bottom:25px}.cart-img,.cart-item{align-items:center;display:flex}.cart-img{background:#f4f4f4;border-radius:10px;height:70px;justify-content:center;padding:5px;width:70px}.cart-img img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.cart-info{flex:1}.cart-info h4{color:var(--color-blue-dark);font-size:.85rem;line-height:1.2;margin-bottom:5px}.cart-desc{color:#888;font-size:.8rem;margin-bottom:5px}.cart-price{color:var(--color-blue-dark);font-size:1.1rem;font-weight:800}.cart-qty{align-items:center;border:1px solid var(--color-blue-dark);border-radius:50px;display:flex;justify-content:space-between;min-width:60px;padding:5px 10px}.cart-qty button{background:transparent;border:none;cursor:pointer;font-size:1.2rem}.cart-qty button,.cart-qty span{color:var(--color-blue-dark);font-weight:700}.cart-footer-area{border-top:1px solid #ddd;padding-top:20px}.cart-total-row{align-items:center;color:var(--color-blue-dark);display:flex;font-size:1.2rem;justify-content:space-between;margin-bottom:20px}.cart-total-row .total-price{font-weight:800}.cart-inputs-row{display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.btn-checkout{background-color:var(--color-blue-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;width:100%}@media (max-width:768px){.login-grid{grid-template-columns:1fr}.login-footer{flex-direction:column;gap:15px;text-align:center}.login-box{padding:20px;width:75%}.cart-sidebar{height:70%;width:80%}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}