:root{--primary:#4361ee;--primary-dark:#3a56d4;--secondary:#4cc9f0;--accent:#f72585;--dark:#171717;--gray-dark:#333333;--gray:#737373;--gray-light:#e5e5e5;--light:#f8f9fa;--success:#06d6a0;--warning:#ffd166;--danger:#ef476f;--font-primary:'Montserrat',sans-serif;--font-heading:'Raleway',sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 2px 5px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 25px rgba(0,0,0,0.12);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--content-visibility-auto:auto;--content-visibility-hidden:hidden;--image-rendering-auto:auto;--image-rendering-high:high-quality;--max-container-width:1200px;--header-height:80px;}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;font-size:16px;}

body{font-family:var(--font-primary);font-size:1rem;line-height:1.7;color:var(--gray-dark);background-color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:0;}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;margin-bottom:var(--spacing-md);line-height:1.3;color:var(--dark);}

h1{font-size:2.5rem;margin-bottom:var(--spacing-lg);letter-spacing:-0.03em;}

h2{font-size:2rem;letter-spacing:-0.02em;}

h3{font-size:1.5rem;letter-spacing:-0.01em;}

p{margin-bottom:var(--spacing-md);font-weight:400;}

a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal),transform var(--transition-normal);position:relative;}

a:hover{color:var(--primary-dark);}

a.underline{position:relative;}

a.underline::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary);transition:width var(--transition-normal);}

a.underline:hover::after{width:100%;}

strong,b{font-weight:600;}

.container{width:100%;max-width:var(--max-container-width);margin:0 auto;padding:0 var(--spacing-md);box-sizing:border-box;}

.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}

.col-md-6,.col-md-12,.col-lg-4{width:100%;padding:0 15px;}

@media (min-width:768px){.col-md-6{width:50%;}.container{padding:0 var(--spacing-lg);}}

@media (min-width:992px){.col-lg-4{width:33.333%;}}

@media (min-width:1200px){.container{padding:0 var(--spacing-xl);}}

section{padding:var(--spacing-xxl) 0;}

header.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,250,252,0.98) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal);padding:var(--spacing-sm) 0;box-shadow:0 8px 32px rgba(67,97,238,0.08);height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid rgba(67,97,238,0.1);}

.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-container-width);margin:0 auto;padding:0 var(--spacing-md);position:relative;}

.header-logo{display:block;width:auto;height:56px;transition:all var(--transition-normal);aspect-ratio:auto;filter:drop-shadow(0 2px 4px rgba(67,97,238,0.1));}

.logo:hover .header-logo{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(67,97,238,0.15));}

.main-navigation{display:flex;align-items:center;position:relative;}

#main-menu{list-style:none;display:flex;margin:0;padding:0;background:transparent;backdrop-filter:none;border-radius:0;padding:0;border:none;}

#main-menu li{margin-left:0;position:relative;}

#main-menu a{font-size:0.95rem;font-weight:600;color:var(--gray-dark);text-decoration:none;transition:all var(--transition-normal);position:relative;padding:12px 20px;border-radius:0;display:block;background:transparent;}

#main-menu a:hover,#main-menu .current-menu-item a{background:linear-gradient(135deg,#4361ee 0%,#4cc9f0 50%,#f72585 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:none;box-shadow:none;background-color:transparent;}

#main-menu a::after{display:none;}

header.site-header.scrolled{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,1) 100%);box-shadow:0 12px 40px rgba(67,97,238,0.12);border-bottom-color:rgba(67,97,238,0.15);}

body.single-post header.site-header,body.archive header.site-header,body.page header.site-header{background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,1) 100%);}

.hamburger-lines{display:none;}

.checkbox{display:none;}

@media (max-width:768px){.hamburger-lines{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;cursor:pointer;z-index:1002;position:relative;}.hamburger-lines .line{display:block;height:3px;width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);transition:transform 0.3s ease,opacity 0.3s ease;position:absolute;left:0;border-radius:2px;}.hamburger-lines .line1{top:0;}.hamburger-lines .line2{top:50%;transform:translateY(-50%);}.hamburger-lines .line3{bottom:0;}.checkbox{position:absolute;display:block;height:24px;width:30px;top:0;right:0;z-index:1003;opacity:0;cursor:pointer;}.menu-container{position:fixed;top:0;right:-100%;width:100%;max-width:320px;height:100vh;background:linear-gradient(135deg,rgba(255,255,255,0.98) 0%,rgba(248,250,252,1) 100%);backdrop-filter:blur(20px);padding:80px 30px 30px;box-shadow:0 0 40px rgba(67,97,238,0.15);transition:right 0.3s ease;z-index:1001;overflow-y:auto;display:block;-webkit-overflow-scrolling:touch;border-left:1px solid rgba(67,97,238,0.1);}#main-menu{flex-direction:column;width:100%;padding-bottom:60px;background:transparent;border:none;border-radius:0;padding:0;}#main-menu li{margin:12px 0;margin-left:0;width:100%;}#main-menu a{font-size:1.1rem;display:block;padding:16px 20px;width:100%;border-bottom:1px solid rgba(67,97,238,0.05);border-radius:12px;background:rgba(255,255,255,0.5);margin-bottom:8px;}#main-menu a:focus{outline:2px solid var(--primary);outline-offset:2px;}.checkbox:checked ~ .hamburger-lines .line1{transform:rotate(45deg);top:11px;}.checkbox:checked ~ .hamburger-lines .line2{opacity:0;transform:translateX(20px);}.checkbox:checked ~ .hamburger-lines .line3{transform:rotate(-45deg);bottom:11px;}}

.blog-grid{margin-top:var(--spacing-xl);contain:content;}

.row.posts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin:0;contain:layout style;}

.bpost{padding:0;margin-bottom:0;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0.08);contain:layout style paint;will-change:transform;position:relative;}

.bpost:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.bpost a{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none;}

.bpost a:hover{color:inherit;}

.bpost img{width:100%;height:200px;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:0;object-fit:cover;transition:transform 0.4s ease;aspect-ratio:16/9;filter:brightness(0.95);}

.bpost:hover img{transform:scale(1.05);filter:brightness(1.05);}

.category-badge{position:absolute;top:15px;left:15px;background-color:var(--primary);color:white;font-size:0.75rem;font-weight:600;padding:5px 10px;border-radius:var(--radius-full);box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:2;text-transform:uppercase;letter-spacing:0.5px;opacity:0.9;transition:all var(--transition-fast);}

.bpost:hover .category-badge{opacity:1;transform:translateY(-2px);}

.bpost-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:1;}

.animated-title{margin-top:0;margin-bottom:var(--spacing-sm);font-size:1.25rem;line-height:1.4;color:var(--dark);font-weight:600;position:relative;overflow:hidden;padding-bottom:5px;}

.animated-title .title-text{position:relative;display:inline-block;transition:transform var(--transition-normal),color var(--transition-normal);}

.animated-title::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width var(--transition-normal);}

.bpost:hover .animated-title .title-text{transform:translateY(-2px);color:var(--primary);}

.bpost:hover .animated-title::after{width:50px;}

.post-excerpt{color:var(--gray);font-size:0.9rem;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;max-height:7.2rem;}

.read-more{display:inline-flex;align-items:center;font-size:0.85rem;font-weight:600;color:var(--primary);margin-top:auto;transition:all var(--transition-normal);}

.read-more i{font-size:0.75rem;margin-left:5px;transition:transform var(--transition-normal);}

.bpost:hover .read-more{color:var(--primary-dark);}

.bpost:hover .read-more i{transform:translateX(3px);}

@media (max-width:768px){.row.posts-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}}

@media (max-width:576px){.row.posts-container{grid-template-columns:1fr;gap:25px;}.bpost img{height:180px;}}

.site-footer{background-color:#0e0e0e;color:#f5f5f5;padding:var(--spacing-xxl) 0 var(--spacing-lg);font-size:0.9rem;}

.footer-top{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-xl);}

.footer-branding{margin-bottom:var(--spacing-lg);}

.footer-logo{display:inline-block;margin-bottom:var(--spacing-sm);}

.footer-logo img{height:40px;width:auto;filter:brightness(0) invert(1);}

.footer-tagline{color:#a0a0a0;font-size:0.95rem;margin-bottom:var(--spacing-md);max-width:400px;}

.footer-social{display:flex;gap:15px;margin-top:var(--spacing-md);}

.social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:rgba(255,255,255,0.1);color:#fff;transition:all var(--transition-normal);}

.social-icon:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);}

.footer-menu-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);}

.footer-menu-column h4{color:#fff;font-size:1.1rem;margin-bottom:var(--spacing-md);font-weight:600;}

.footer-menu{list-style:none;padding:0;margin:0;}

.footer-menu li{margin-bottom:10px;}

.footer-menu a{color:#a0a0a0;text-decoration:none;transition:color var(--transition-normal);font-size:0.9rem;}

.footer-menu a:hover{color:#fff;}

.footer-newsletter p{color:#a0a0a0;margin-bottom:var(--spacing-md);font-size:0.9rem;}

.footer-subscribe-form{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--spacing-md);}

.footer-subscribe-form input{padding:12px 15px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.2);background-color:rgba(255,255,255,0.05);color:#fff;font-size:0.9rem;}

.footer-subscribe-form button{padding:12px 20px;border-radius:var(--radius-md);background-color:var(--primary);color:#fff;border:none;font-weight:600;cursor:pointer;transition:all var(--transition-normal);}

.footer-subscribe-form button:hover{background-color:var(--primary-dark);transform:translateY(-2px);}

.footer-form-disclaimer{font-size:0.8rem;color:#777;}

.footer-form-disclaimer a{color:#a0a0a0;text-decoration:underline;}

.footer-form-disclaimer a:hover{color:#fff;}

.footer-divider{margin:var(--spacing-lg) 0;border:0;border-top:1px solid rgba(255,255,255,0.1);}

.footer-bottom{display:flex;flex-direction:column;gap:var(--spacing-md);}

.footer-copyright p{color:#777;font-size:0.85rem;margin:0;}

.footer-legal-links ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;margin:0;}

.footer-legal-links a{color:#a0a0a0;font-size:0.85rem;text-decoration:none;transition:color var(--transition-normal);}

.footer-legal-links a:hover{color:#fff;}

@media (min-width:576px){.footer-subscribe-form{flex-direction:row;}.footer-subscribe-form input{flex:1;}}

@media (min-width:768px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start;}.footer-branding{margin-bottom:0;}.footer-menu-grid{grid-template-columns:repeat(2,1fr);}.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;}}

@media (min-width:992px){.footer-menu-grid{grid-template-columns:repeat(3,1fr);}}

@media (min-width:1200px){.footer-menu-grid{grid-template-columns:repeat(5,1fr);}}

.btn,.loadmore{display:inline-block;padding:0.75rem 1.5rem;background-color:var(--primary);color:white;border:none;border-radius:var(--radius-md);font-weight:600;text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;}

.btn:hover,.loadmore:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md);}

.btn::after,.loadmore::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,0.5);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%,-50%);transform-origin:50% 50%;}

.btn:focus::after,.loadmore:focus::after{animation:ripple 1s ease-out;}

@keyframes ripple{0%{transform:scale(0,0);opacity:0.5;}100%{transform:scale(20,20);opacity:0;}}

.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary);}

.btn-outline:hover{background-color:var(--primary);color:white;}

.hero-section{padding:calc(var(--header-height) + 80px + var(--spacing-xxl)) 0 var(--spacing-xxl) 0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden;min-height:120vh;display:flex;align-items:center;color:#fff;}

.hero-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}

.floating-element{position:absolute;width:20px;height:20px;background:rgba(67,97,238,0.3);border-radius:50%;animation:float 6s ease-in-out infinite;}
.floating-element.floating-1{top:20%;left:10%;animation-delay:0s;animation-duration:8s;}
.floating-element.floating-2{top:60%;right:15%;animation-delay:2s;animation-duration:10s;}
.floating-element.floating-3{bottom:30%;left:20%;animation-delay:4s;animation-duration:7s;}
.floating-element.floating-4{top:40%;right:30%;animation-delay:1s;animation-duration:9s;}
.floating-element.floating-5{bottom:60%;right:40%;animation-delay:3s;animation-duration:11s;}

.particle-field{position:absolute;width:100%;height:100%;}
.particle{position:absolute;width:4px;height:4px;background:rgba(76,201,240,0.6);border-radius:50%;animation:particleFloat 15s linear infinite;}
.particle:nth-child(1){top:10%;left:20%;animation-delay:0s;}
.particle:nth-child(2){top:80%;left:80%;animation-delay:3s;}
.particle:nth-child(3){top:30%;left:60%;animation-delay:6s;}
.particle:nth-child(4){top:70%;left:30%;animation-delay:9s;}
.particle:nth-child(5){top:50%;left:10%;animation-delay:12s;}

.gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:0.4;animation:pulse 4s ease-in-out infinite;}
.gradient-orb.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(67,97,238,0.4) 0%,transparent 70%);top:-150px;right:-150px;animation-delay:0s;}
.gradient-orb.orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(76,201,240,0.3) 0%,transparent 70%);bottom:-100px;left:-100px;animation-delay:2s;}
.gradient-orb.orb-3{width:150px;height:150px;background:radial-gradient(circle,rgba(247,37,133,0.3) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1s;}

.hero-content{position:relative;z-index:1;text-align:center;max-width:1000px;margin:0 auto;}

.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50px;padding:8px 20px;margin-bottom:var(--spacing-lg);font-size:0.9rem;font-weight:600;}
.badge-icon{font-size:1.1rem;}
.badge-text{color:rgba(255,255,255,0.9);}

.hero-title{font-size:4rem;font-weight:900;margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-0.02em;color:#fff;}
.title-line{display:block;color:#fff;}
.gradient-text{background:linear-gradient(135deg,#4361ee 0%,#4cc9f0 50%,#f72585 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite;}

.hero-description{font-size:1.3rem;color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-xxl);max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;}

.hero-value-props{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);max-width:1000px;margin-left:auto;margin-right:auto;}

.value-prop-item{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:var(--spacing-lg);text-align:left;transition:all 0.3s ease;position:relative;overflow:hidden;text-decoration:none;color:inherit;display:block;}
.value-prop-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4361ee,#4cc9f0);transform:scaleX(0);transition:transform 0.3s ease;}
.value-prop-item:hover{transform:translateY(-5px);border-color:rgba(67,97,238,0.3);box-shadow:0 10px 30px rgba(67,97,238,0.2);text-decoration:none;color:inherit;}
.value-prop-item:hover::before{transform:scaleX(1);}

.prop-glow{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(67,97,238,0.3) 0%,transparent 70%);border-radius:50%;transition:all 0.3s ease;transform:translate(-50%,-50%);}
.value-prop-item:hover .prop-glow{width:200px;height:200px;}

.launch-lab-card{background:linear-gradient(135deg,rgba(247,37,133,0.1) 0%,rgba(67,97,238,0.1) 100%);border-color:rgba(247,37,133,0.3);}
.launch-glow{background:radial-gradient(circle,rgba(247,37,133,0.4) 0%,transparent 70%);}

.prop-icon{font-size:2rem;margin-bottom:var(--spacing-md);}
.prop-text h3{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:#fff;}
.prop-text p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin:0;}

.launch-lab-cta{margin-top:var(--spacing-md);}
.launch-lab-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f72585 0%,#4361ee 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:0.9rem;font-weight:600;transition:all 0.3s ease;}
.launch-lab-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(247,37,133,0.4);}

.btn-particles{display:flex;gap:2px;}
.particle-dot{width:4px;height:4px;background:#fff;border-radius:50%;animation:particleBounce 1s ease-in-out infinite;}
.particle-dot:nth-child(1){animation-delay:0s;}
.particle-dot:nth-child(2){animation-delay:0.2s;}
.particle-dot:nth-child(3){animation-delay:0.4s;}

.hero-cta{margin-bottom:var(--spacing-xxl);}

.newsletter-container{max-width:600px;margin:0 auto;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.15);border-radius:24px;padding:var(--spacing-xxl);box-shadow:0 20px 40px rgba(0,0,0,0.3);}

.newsletter-header{margin-bottom:var(--spacing-lg);text-align:center;}
.newsletter-header h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:#fff;}
.newsletter-header p{color:rgba(255,255,255,0.8);margin:0;}

.typing-animation{overflow:hidden;border-right:2px solid #4361ee;white-space:nowrap;animation:typing 3s steps(30,end),blink-caret 0.75s step-end infinite;}

.modern-form .form-group{margin-bottom:var(--spacing-lg);}

.input-wrapper{position:relative;margin-bottom:var(--spacing-md);}
.newsletter-input{width:100%;padding:16px 20px;background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:12px;color:#fff;font-size:1rem;transition:all 0.3s ease;backdrop-filter:blur(10px);}
.newsletter-input::placeholder{color:rgba(255,255,255,0.6);}
.newsletter-input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 4px rgba(67,97,238,0.2);}

.input-focus-effect{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#4361ee,#4cc9f0);transition:width 0.3s ease;}
.newsletter-input:focus + .input-focus-effect{width:100%;}

.input-sparkle{position:absolute;top:50%;right:15px;width:20px;height:20px;background:radial-gradient(circle,rgba(76,201,240,0.8) 0%,transparent 70%);border-radius:50%;opacity:0;animation:sparkle 2s ease-in-out infinite;}

.newsletter-submit{width:100%;padding:16px 24px;background:linear-gradient(135deg,#4361ee 0%,#4cc9f0 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:8px;}
.newsletter-submit:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(67,97,238,0.4);}

.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.6s ease;}
.newsletter-submit:active .btn-ripple{width:300px;height:300px;}

.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shine 3s ease-in-out infinite;}

.btn-icon{font-size:1.2rem;transition:transform 0.3s ease;}
.newsletter-submit:hover .btn-icon{transform:translateX(3px);}

.newsletter-tagline{text-align:center;color:rgba(255,255,255,0.7);font-size:0.85rem;margin:var(--spacing-md) 0 0 0;display:flex;align-items:center;justify-content:center;gap:6px;}
.tagline-icon{font-size:1rem;}

.social-proof{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,0.1);}

.proof-avatars{display:flex;align-items:center;gap:8px;}
.avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.3);background-size:cover;background-position:center;}
.avatar-1{background-image:url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop&crop=face');}
.avatar-2{background-image:url('https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=100&h=100&fit=crop&crop=face');}
.avatar-3{background-image:url('https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=100&h=100&fit=crop&crop=face');}
.avatar-4{background-image:url('https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop&crop=face');}
.avatar-count{background:rgba(255,255,255,0.1);color:#fff;font-size:0.8rem;font-weight:600;padding:4px 8px;border-radius:12px;}

.proof-rating{text-align:right;}
.stars{font-size:1rem;margin-bottom:4px;}
.rating-text{color:rgba(255,255,255,0.7);font-size:0.8rem;}

.newsletter-success{text-align:center;background:linear-gradient(135deg,#06d6a0 0%,#04b485 100%);color:#fff;padding:var(--spacing-lg);border-radius:16px;margin-top:var(--spacing-md);}
.success-icon{font-size:2rem;margin-bottom:var(--spacing-sm);}
.newsletter-success h4{margin-bottom:var(--spacing-sm);color:#fff;}
.newsletter-success p{margin:0;color:rgba(255,255,255,0.9);}

.hero-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;}
.stat-item{text-align:center;padding:var(--spacing-md);}
.stat-number{font-size:2.5rem;font-weight:900;color:#4cc9f0;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#4361ee,#4cc9f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-label{color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500;}

.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);text-align:center;color:rgba(255,255,255,0.6);padding-top:80px;}
.scroll-arrow{font-size:1.5rem;margin-bottom:4px;}
.scroll-text{font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;}

@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}
@keyframes particleFloat{0%{transform:translateY(0px) translateX(0px);}25%{transform:translateY(-100px) translateX(50px);}50%{transform:translateY(-200px) translateX(-30px);}75%{transform:translateY(-100px) translateX(-80px);}100%{transform:translateY(0px) translateX(0px);}}
@keyframes pulse{0%,100%{opacity:0.4;transform:scale(1);}50%{opacity:0.6;transform:scale(1.05);}}
@keyframes gradient-shift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0) translateX(-50%);}40%{transform:translateY(-10px) translateX(-50%);}60%{transform:translateY(-5px) translateX(-50%);}}
@keyframes typing{from{width:0;}to{width:100%;}}
@keyframes blink-caret{from,to{border-color:transparent;}50%{border-color:#4361ee;}}
@keyframes sparkle{0%,100%{opacity:0;transform:scale(0);}50%{opacity:1;transform:scale(1);}}
@keyframes shine{0%{left:-100%;}100%{left:100%;}}
@keyframes particleBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

.animate-fade-up{animation:fadeUp 0.8s ease-out forwards;opacity:0;}
.animate-fade-up-delay-1{animation:fadeUp 0.8s ease-out 0.2s forwards;opacity:0;}
.animate-fade-up-delay-2{animation:fadeUp 0.8s ease-out 0.4s forwards;opacity:0;}
.animate-fade-up-delay-3{animation:fadeUp 0.8s ease-out 0.6s forwards;opacity:0;}
.animate-fade-up-delay-4{animation:fadeUp 0.8s ease-out 0.8s forwards;opacity:0;}
.animate-fade-up-delay-5{animation:fadeUp 0.8s ease-out 1s forwards;opacity:0;}
.animate-bounce{animation:bounce 2s infinite;}

.animate-slide-in-left{animation:slideInLeft 0.8s ease-out 0.8s forwards;opacity:0;}
.animate-slide-in-right{animation:slideInRight 0.8s ease-out 1s forwards;opacity:0;}
.animate-slide-in-up{animation:slideInUp 0.8s ease-out 0.9s forwards;opacity:0;}
.animate-slide-in-bottom{animation:slideInBottom 0.8s ease-out 1.1s forwards;opacity:0;}

.animate-pop{animation:pop 0.6s ease-out 1.2s forwards;opacity:0;transform:scale(0);}
.animate-pop-delay-1{animation:pop 0.6s ease-out 1.3s forwards;opacity:0;transform:scale(0);}
.animate-pop-delay-2{animation:pop 0.6s ease-out 1.4s forwards;opacity:0;transform:scale(0);}
.animate-pop-delay-3{animation:pop 0.6s ease-out 1.5s forwards;opacity:0;transform:scale(0);}
.animate-pop-delay-4{animation:pop 0.6s ease-out 1.6s forwards;opacity:0;transform:scale(0);}

.animate-star-fill{animation:starFill 2s ease-out 1.8s forwards;}

@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}
@keyframes slideInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}
@keyframes slideInUp{from{opacity:0;transform:translateY(50px);}to{opacity:1;transform:translateY(0);}}
@keyframes slideInBottom{from{opacity:0;transform:translateY(-50px);}to{opacity:1;transform:translateY(0);}}
@keyframes pop{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
@keyframes starFill{0%{filter:grayscale(100%);}100%{filter:grayscale(0%);}}

.scroll-to-blog{scroll-behavior:smooth;}

@media (max-width:768px){.hero-title{font-size:2.8rem;}.hero-value-props{grid-template-columns:1fr;gap:var(--spacing-md);}.value-prop-item{padding:var(--spacing-md);}.newsletter-container{padding:var(--spacing-lg);}.hero-stats{gap:var(--spacing-md);}.stat-number{font-size:2rem;}.social-proof{flex-direction:column;gap:var(--spacing-md);text-align:center;}.proof-rating{text-align:center;}}

@media (max-width:576px){.hero-title{font-size:2.2rem;}.newsletter-submit{padding:14px 20px;font-size:0.95rem;}.hero-stats{gap:var(--spacing-sm);}.stat-item{padding:var(--spacing-sm);}.value-prop-item{text-align:center;}.prop-text h3{font-size:1.1rem;}}

.trusted-badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--radius-md);max-width:400px;margin-left:auto;margin-right:auto;}

.trusted-image{display:flex;justify-content:center;margin-bottom:var(--spacing-sm);}

.trusted-image img{width:100%;height:auto;border-radius:var(--radius-md);max-width:160px;object-fit:cover;}

.trusted-rating{display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:var(--spacing-sm);}

.trusted-rating i{color:gold;font-size:18px;}

.trusted-text{font-size:14px;font-weight:500;color:var(--gray);}

.content-section{padding:var(--spacing-xxl) 0;background-color:#fff;position:relative;}

.category-section{margin-bottom:var(--spacing-xl);}

.category-filter{margin-bottom:var(--spacing-xl);text-align:center;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:var(--spacing-md) 0;position:relative;}

.category-scroll-container{position:relative;width:100%;overflow:hidden;}

.category-scroll-hint{display:none;text-align:center;font-size:0.85rem;color:var(--gray);margin-bottom:var(--spacing-sm);font-weight:500;}

.category-scroll-hint i{margin-right:5px;color:var(--primary);}

@media (max-width:768px){.category-filter{overflow-x:auto;justify-content:flex-start;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:var(--primary) #f0f0f0;}.category-filter::-webkit-scrollbar{height:4px;}.category-filter::-webkit-scrollbar-track{background:#f0f0f0;border-radius:2px;}.category-filter::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px;}.category-filter::-webkit-scrollbar-thumb:hover{background:var(--primary-dark);}.category-scroll-hint{display:block;}.category-button{white-space:nowrap;flex-shrink:0;}}

.category-button{display:inline-block;padding:8px 16px;background-color:#f5f5f5;color:var(--gray-dark);border-radius:var(--radius-full);text-decoration:none;font-size:14px;font-weight:500;transition:all var(--transition-normal);border:1px solid #eee;}

.category-button:hover{background-color:#eee;color:var(--dark);transform:translateY(-2px);}

.category-button.active{background-color:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 10px rgba(67,97,238,0.15);}

.posts-grid{margin-top:20px;content-visibility:auto;contain-intrinsic-size:1000px;}

.row.posts-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin:0;}

.bpost{padding:0;margin-bottom:0;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.03);transition:transform 0.2s ease,box-shadow 0.2s ease;overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid #f0f0f0;contain:layout style paint;}

.bpost:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}

.bpost img{width:100%;height:180px;border-radius:8px 8px 0 0;margin-bottom:0;object-fit:cover;transition:transform 0.4s ease;aspect-ratio:16/9;}

.bpost:hover img{transform:scale(1.03);}

.bpost-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;min-height:120px;}

.bpost small{display:block;margin-bottom:12px;color:#888;font-size:0.85rem;line-height:1.5;}

.bpost small b{color:#555;font-weight:600;}

.bpost h3{margin-top:auto;font-size:1.15rem;line-height:1.4;color:#222;font-weight:600;transition:color 0.2s ease;margin-bottom:0;}

.bpost:hover h3{color:#5073fb;}

.load-more-button{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--primary);color:white;border:none;border-radius:var(--radius-md);padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;margin:40px auto 0;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);}

.load-more-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0));transform:translateY(-100%);transition:transform var(--transition-normal);}

.load-more-button:hover{background-color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-md);}

.load-more-button:hover::before{transform:translateY(0);}

.load-more-button i{transition:transform var(--transition-normal);}

.load-more-button:hover i{transform:translateY(3px);}

@media (max-width:768px){.row.posts-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}.category-filter{overflow-x:auto;justify-content:flex-start;padding-bottom:15px;margin-bottom:20px;}.category-button{white-space:nowrap;}}

@media (max-width:576px){.row.posts-container{grid-template-columns:1fr;gap:20px;}.bpost img{height:180px;}}

.shadow{box-shadow:var(--shadow-md);}

.text-center{text-align:center;}

.mt-1{margin-top:var(--spacing-sm);}

.mt-2{margin-top:var(--spacing-md);}

.mt-3{margin-top:var(--spacing-lg);}

.mt-4{margin-top:var(--spacing-xl);}

.mt-5{margin-top:var(--spacing-xxl);}

.mb-1{margin-bottom:var(--spacing-sm);}

.mb-2{margin-bottom:var(--spacing-md);}

.mb-3{margin-bottom:var(--spacing-lg);}

.mb-4{margin-bottom:var(--spacing-xl);}

.mb-5{margin-bottom:var(--spacing-xxl);}

.fade-in{animation:fadeIn var(--transition-slow) forwards;}

@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

.aligncenter{display:block;margin:0 auto;}

.alignright{float:right;margin:0 0 1em 1em;}

.alignleft{float:left;margin:0 1em 1em 0;}

.screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.related-posts{margin-top:var(--spacing-xxl);}

.related-posts h3{text-align:center;margin-bottom:var(--spacing-xl);position:relative;display:inline-block;}

.related-posts h3::after{content:'';position:absolute;bottom:-10px;left:50%;width:50px;height:3px;background:var(--primary);transform:translateX(-50%);}

@media (min-width:768px){.featured-articles-grid{grid-template-columns:repeat(2,1fr);}.featured-tools-grid{grid-template-columns:repeat(2,1fr);}.intro-text{font-size:1.5rem;}.hero-content h1{font-size:3.5rem;}}

@media (min-width:992px){.featured-articles-grid{grid-template-columns:repeat(3,1fr);}.featured-tools-grid{grid-template-columns:repeat(4,1fr);}.hero-content h1{font-size:4rem;}}

@media (max-width:576px){.intro-text{font-size:1.2rem;padding:0;}.hero-content h1{font-size:2.5rem;}.hero-description{font-size:1.1rem;}.section-title{font-size:1.8rem;}.featured-tool{padding:var(--spacing-lg);}.tool-icon{width:60px;height:60px;font-size:1.5rem;}}

img{max-width:100%;height:auto;display:block;image-rendering:var(--image-rendering-auto);content-visibility:var(--content-visibility-auto);contain:layout paint style;}

.header-logo,.footer-logo img{image-rendering:var(--image-rendering-high);}

.bpost img{content-visibility:var(--content-visibility-auto);}

@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}

.intro-section{padding:var(--spacing-xxl) 0;position:relative;overflow:hidden;background-color:rgba(23,25,35,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.5s ease;}

.intro-section:hover::before{transform:scale(1.05);opacity:0.5;filter:blur(5px);-webkit-filter:blur(5px);}

.intro-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('assets/images/Top-ai-tools-april.jpg.webp');background-size:cover;background-position:center;opacity:0.4;z-index:-2;filter:blur(8px);-webkit-filter:blur(8px);transition:transform 3s ease,opacity 0.5s ease,filter 0.5s ease;}

.intro-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1;transition:transform 0.5s ease;}

.intro-section:hover .intro-content{transform:translateY(-5px);}

.intro-content::before{content:'"';position:absolute;top:-80px;left:50%;transform:translateX(-50%);font-size:150px;font-family:Georgia,serif;opacity:0.1;color:#ffffff;line-height:1;z-index:-1;transition:opacity 0.5s ease;}

.intro-section:hover .intro-content::before{opacity:0.15;}

.intro-text{font-size:1.4rem;line-height:1.8;color:#ffffff;margin-bottom:0;font-weight:400;position:relative;padding:0 var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,0.3);transition:all 0.5s ease;}

.intro-section:hover .intro-text{color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,0.5);}

.intro-text strong{color:var(--secondary);font-weight:600;transition:color 0.5s ease;}

.intro-section:hover .intro-text strong{color:#7ed9fb;}

.featured-articles-section{padding:var(--spacing-xxl) 0;background-color:#fff;position:relative;}

.section-title{text-align:center;margin-bottom:var(--spacing-xl);font-size:2.2rem;position:relative;display:inline-block;width:100%;letter-spacing:-0.02em;}

.section-title::after{content:'';position:absolute;width:60px;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);bottom:-15px;left:50%;transform:translateX(-50%);border-radius:var(--radius-full);}

.section-description{text-align:center;max-width:800px;margin:0 auto var(--spacing-xl);font-size:1.2rem;color:var(--gray);line-height:1.7;}

.featured-articles-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl);}

.featured-article{background-color:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);height:100%;border:1px solid rgba(0,0,0,0.05);position:relative;}

.featured-article:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.featured-article a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;}

.featured-article-image{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;}

.featured-article-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 70%,rgba(0,0,0,0.1) 100%);z-index:1;pointer-events:none;}

.featured-article-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);filter:brightness(0.97);}

.featured-article:hover .featured-article-image img{transform:scale(1.05);filter:brightness(1.05);}

.featured-article-content{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1;position:relative;background:white;}

.featured-article-title{font-size:1.4rem;margin-bottom:var(--spacing-md);color:var(--dark);transition:color var(--transition-normal);line-height:1.4;font-weight:700;letter-spacing:-0.01em;}

.featured-article:hover .featured-article-title{color:var(--primary);}

.featured-article-excerpt{color:var(--gray);font-size:1rem;margin-bottom:var(--spacing-md);flex-grow:1;line-height:1.7;}

.read-article{display:inline-flex;align-items:center;font-size:0.95rem;font-weight:600;color:var(--primary);margin-top:auto;transition:all var(--transition-normal);padding-top:var(--spacing-sm);border-top:1px solid rgba(0,0,0,0.05);}

.read-article i{margin-left:5px;font-size:0.8rem;transition:transform var(--transition-normal);}

.featured-article:hover .read-article{color:var(--primary-dark);}

.featured-article:hover .read-article i{transform:translateX(3px);}

.featured-tools-section{padding:var(--spacing-xxl) 0;background-color:#f8f9fa;position:relative;}

.featured-tools-section::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.06) 50%,rgba(0,0,0,0.02) 100%);}

.featured-tools-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl);}

.featured-tool{background-color:#fff;border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid rgba(0,0,0,0.05);height:100%;position:relative;overflow:hidden;}

.featured-tool::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);opacity:0;transition:opacity var(--transition-normal);}

.featured-tool:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.featured-tool:hover::before{opacity:1;}

.tool-icon{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:1.8rem;transition:transform var(--transition-normal);box-shadow:0 10px 15px -3px rgba(67,97,238,0.15);}

.featured-tool:hover .tool-icon{transform:scale(1.05);}

.tool-name{font-size:1.3rem;margin-bottom:var(--spacing-md);color:var(--dark);font-weight:700;}

.tool-description{color:var(--gray);font-size:0.95rem;margin-bottom:0;line-height:1.7;}

.tools-hero-section{padding:calc(var(--header-height) + 40px + var(--spacing-xl)) 0 var(--spacing-xl) 0;background:linear-gradient(135deg,#f0f4f8 0%,#ffffff 100%);position:relative;overflow:hidden;margin-top:0;}

.tools-hero-section::before,.tools-hero-section::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(67,97,238,0.05) 0%,rgba(67,97,238,0) 70%);border-radius:50%;z-index:0;}

.tools-hero-section::before{top:-300px;right:-200px;}

.tools-hero-section::after{bottom:-300px;left:-200px;background:radial-gradient(circle,rgba(76,201,240,0.05) 0%,rgba(76,201,240,0) 70%);}

.tools-hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;}

.tools-hero-title{font-size:3.5rem;font-weight:900;margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-0.02em;color:#fff;}

.tools-hero-description{font-size:1.2rem;color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-xxl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;}

.tools-hero-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:var(--spacing-xl);}

.tools-hero-stats .stat-item{text-align:center;padding:var(--spacing-md);}

.tools-hero-stats .stat-number{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#4361ee 0%,#4cc9f0 50%,#f72585 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.tools-hero-stats .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.7);font-weight:500;text-transform:uppercase;letter-spacing:1px;}

.tools-category-section{padding:var(--spacing-xl) 0;background-color:#fff;border-bottom:1px solid var(--gray-light);}

.tools-filter{max-width:1000px;margin:0 auto;}

.featured-tools-archive-section{padding:var(--spacing-xxl) 0;background-color:#f8f9fa;display:none;}

.featured-tools-archive-grid{display:none;}

.all-tools-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;margin-top:var(--spacing-xl);width:100%;}

@media (min-width:768px){.all-tools-grid{grid-template-columns:repeat(2,1fr);}}

@media (min-width:992px){.all-tools-grid{grid-template-columns:repeat(3,1fr);}}

.tool-card{background-color:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid rgba(0,0,0,0.08);height:100%;display:flex;flex-direction:column;margin:0;max-width:none;position:relative;}

.tool-card.featured{border-color:rgba(67,97,238,0.15);box-shadow:0 5px 20px rgba(67,97,238,0.08);}

.tool-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}

.tool-logo{height:140px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:contain;padding:25px;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;border:1px solid rgba(0, 0, 0, 0.03);}

.tool-card:hover .tool-logo{background-size:65%;}

.tool-content{padding:20px 25px 25px;display:flex;flex-direction:column;flex-grow:1;}

.tool-title{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--dark);line-height:1.3;font-weight:700;transition:color var(--transition-normal);}

.tool-card:hover .tool-title{color:var(--primary);}

.tool-scores{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-light);}

.score-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:0.9rem;align-items:center;}

.score-label{color:var(--gray-dark);font-weight:500;}

.score-value{font-weight:600;color:var(--dark);display:flex;align-items:center;}

.score-value i{color:gold;margin-right:5px;}

.tool-pricing{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--gray-light);}

.tool-pricing h4{font-size:1rem;margin-bottom:10px;color:var(--dark);font-weight:600;}

.price-detail{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:var(--gray-dark);margin-bottom:5px;}

.price-detail small{color:var(--gray);font-size:0.8rem;}

.tool-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;width:100%;}

.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:var(--radius-md);font-size:0.95rem;font-weight:600;text-align:center;transition:all var(--transition-normal);width:100%;white-space:nowrap;gap:8px;}

.btn-primary{background-color:#4361ee;color:#fff !important;border:none;}

.btn-primary:hover{background-color:#3a56d4;color:#fff !important;}

.btn-secondary{background-color:#fff;color:#4361ee;border:2px solid #4361ee;}

.btn-secondary:hover{background-color:#f5f8ff;color:#3a56d4;}

.tool-actions a i{margin-left:8px;line-height:1;font-size:0.9rem;transition:transform var(--transition-normal);}

.tool-actions a:hover i{transform:translateX(3px);}

.no-tools-message{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);background-color:#f8f9fa;border-radius:var(--radius-md);border:1px dashed var(--gray-light);}

.no-tools-message p{color:var(--gray);font-size:1.1rem;margin:0;}

@media (max-width:576px){.tools-filter{overflow-x:auto;padding-bottom:15px;justify-content:flex-start;}.category-button{white-space:nowrap;}.tools-hero-content h1{font-size:2.2rem;}}

.btn-primary:hover{background-color:#3a56d4;color:white !important;transform:translateY(-2px);box-shadow:0 5px 15px rgba(67,97,238,0.2);}

.btn-secondary:hover{background-color:rgba(67,97,238,0.05);transform:translateY(-2px);}

.tool-actions a i{margin-left:8px;line-height:1;font-size:0.9rem;transition:transform var(--transition-normal);}

.blog-disclaimer{margin:48px auto 0 auto;max-width:700px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 12px rgba(67,97,238,0.06);padding:28px 32px;color:var(--gray-dark);font-size:1.05rem;text-align:center;margin-bottom:40px;line-height:1.7;}

.blog-disclaimer strong{color:var(--primary);}


.cms{font-size:1.13rem;line-height:1.85;color:var(--gray-dark);font-family:var(--font-primary);margin-bottom:2.5rem;}

.cms p{margin-bottom:1.5em;font-size:1.13rem;line-height:1.85;color:var(--gray-dark);}

.cms h1,.cms h2,.cms h3,.cms h4,.cms h5,.cms h6{font-family:var(--font-heading);font-weight:700;color:var(--dark);margin-top:2.2em;margin-bottom:1em;line-height:1.25;}

.cms h1{font-size:2.1rem;}

.cms h2{font-size:1.7rem;}

.cms h3{font-size:1.3rem;}

.cms h4{font-size:1.1rem;}

.cms ul,.cms ol{margin:1.5em 0 1.5em 2em;padding:0;font-size:1.08rem;line-height:1.8;}

.cms li{margin-bottom:0.5em;}

.cms a{color:var(--primary);text-decoration:underline;transition:color 0.2s;}

.cms a:hover{color:var(--primary-dark);text-decoration:underline;}

.cms img,.cms figure img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:2em 0;box-shadow:0 2px 12px rgba(67,97,238,0.06);display:block;}

.cms blockquote{border-left:4px solid var(--primary);background:#f8f9fa;color:var(--gray-dark);font-style:italic;margin:2em 0;padding:1.2em 1.5em;border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(67,97,238,0.04);}

.cms pre,.cms code{background:#f4f4f4;color:#222;border-radius:var(--radius-md);padding:0.2em 0.5em;font-size:0.98em;font-family:'Fira Mono','Consolas','Menlo',monospace;}

.cms pre{padding:1em;overflow-x:auto;margin:2em 0;}

.cms table{width:100%;border-collapse:collapse;margin:2em 0;font-size:1.05rem;}

.cms th,.cms td{border:1px solid #e5e5e5;padding:0.7em 1em;text-align:left;}

.cms th{background:#f8f9fa;font-weight:700;}

.single-page .col-lg-4 .bpost,.single-page aside.bpost{box-shadow:0 4px 24px rgba(67,97,238,0.07);border-radius:var(--radius-md);background:#fff;padding:32px 24px;margin-bottom:32px;}

.single-page .featured img,.single-page .featured{border-radius:var(--radius-md) !important;box-shadow:0 2px 16px rgba(67,97,238,0.08);width:100%;height:auto;}

@media (max-width:768px){.cms{font-size:1.01rem;}.single-page .col-lg-8,.single-page .col-lg-4{padding:0;}.single-page .bpost,.single-page aside.bpost{padding:18px 8px;}}

.single-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;margin-bottom:60px;}

.main-content{min-width:0;}

.sidebar{min-width:0;position:sticky;top:30px;}



@media (max-width:768px){.tools-single-layout,.single-layout{display:block;}}

.bpost.content-single{box-shadow:0 4px 24px rgba(67,97,238,0.07);border-radius:var(--radius-md);background:#fff;padding:40px 36px 42px 36px;margin-bottom:32px;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}

.bpost.content-single:hover{box-shadow:0 6px 30px rgba(67,97,238,0.09);}

.post-title{font-size:2.4rem;font-weight:800;margin-bottom:18px;line-height:1.15;color:var(--dark);letter-spacing:-0.02em;}

.post-excerpt-lead{font-size:1.25rem;color:var(--gray);margin-bottom:20px;font-weight:500;line-height:1.5;}

.post-meta-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap;background:#f8f9fa;border-radius:var(--radius-md);padding:12px 16px;}

.post-meta-author{display:flex;align-items:center;gap:10px;}

.post-meta-author .author_thumb{width:32px;height:32px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(67,97,238,0.07);transition:transform var(--transition-normal);border:2px solid white;}

.post-meta-author:hover .author_thumb{transform:scale(1.05);}

.author-info{font-weight:600;color:var(--primary);font-size:0.95rem;line-height:1.3;}

.aexpertise{color:var(--gray);font-weight:400;margin-left:2px;transition:color var(--transition-normal);font-size:0.9rem;}

.expert-verified{color:var(--success);margin-left:4px;font-size:0.9em;display:inline-flex;align-items:center;transition:transform var(--transition-normal);}

.post-meta-updated{font-size:0.85rem;color:var(--gray);text-align:right;font-weight:500;display:flex;flex-direction:column;align-items:flex-end;}

.post-meta-updated span{font-style:italic;font-weight:600;margin-top:2px;color:var(--gray-dark);}

.reading-progress-container{position:fixed;bottom:0;left:0;width:100%;height:4px;background:rgba(230,230,230,0.3);z-index:1000;}

.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-dark));width:0;transition:width 0.1s ease;}

.post-divider{border:none;height:1px;background:linear-gradient(to right,rgba(230,230,230,0.1),rgba(230,230,230,0.8),rgba(230,230,230,0.1));margin:24px 0 30px 0;}

.featured{margin-bottom:30px;overflow:hidden;border-radius:var(--radius-md);box-shadow:0 3px 20px rgba(67,97,238,0.08);}

.featured img{width:100%;height:auto;display:block;transition:transform 0.5s ease;border-radius:var(--radius-md);}

.featured:hover img{transform:scale(1.02);}

.cms p{margin-bottom:1.6em;font-size:1.13rem;line-height:1.85;color:var(--gray-dark);}

.cms h2{font-size:1.8rem;padding-bottom:0.5rem;}

.cms h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:1.5px;}

.cms h3{font-size:1.5rem;}

.cms h4{font-size:1.25rem;}

.cms h5{font-size:1.1rem;font-weight:600;}

.cms h6{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}

.cms ul,.cms ol{margin:1.5em 0 1.8em 0;padding-left:1.8em;font-size:1.08rem;line-height:1.8;}

.cms ul{list-style-type:none;}

.cms ul li{position:relative;margin-bottom:0.8em;padding-left:0.5em;}

.cms ul li::before{content:'';position:absolute;left:-1.2em;top:0.68em;width:6px;height:6px;background-color:var(--primary);border-radius:50%;}

.cms ol{list-style-type:decimal;counter-reset:item;}

.cms ol li{margin-bottom:0.8em;padding-left:0.3em;}

.cms ol li::marker{color:var(--primary);font-weight:600;}

.cms ul ul,.cms ol ol,.cms ul ol,.cms ol ul{margin:1em 0 1em 1em;}

.cms a{color:var(--primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:0.15em;transition:color 0.2s,text-decoration-thickness 0.2s;display:inline;vertical-align:baseline;line-height:inherit;font-weight:500;}

.cms a:hover{color:var(--primary-dark);text-decoration-thickness:2px;}

.cms p a{word-break:break-word;overflow-wrap:break-word;}

.cms blockquote::before{content:'âťť';position:absolute;font-size:2.5rem;color:var(--gray-light);opacity:0.5;top:0.3em;left:0.3em;line-height:1;}

.cms blockquote p:last-child{margin-bottom:0;}

.cms blockquote cite{display:block;font-style:normal;font-weight:600;margin-top:1em;font-size:0.9em;color:var(--primary);}

.cms img,.cms figure img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:2em 0;box-shadow:0 2px 16px rgba(67,97,238,0.06);display:block;}

.cms figure{margin:2.5em 0;}

.cms figcaption{text-align:center;font-size:0.9rem;color:var(--gray);margin-top:0.8em;font-style:italic;}

.cms pre,.cms code{background:#f4f4f4;color:#222;border-radius:var(--radius-md);padding:0.2em 0.5em;font-size:0.95em;font-family:'Fira Mono','Consolas','Menlo',monospace;}

.cms pre{padding:1.2em;overflow-x:auto;margin:2em 0;}

.cms pre code{padding:0;background:transparent;}

.cms tr:nth-child(even){background-color:#fafafa;}

.cms tr:hover{background-color:#f5f8ff;}

.keytakeaways{background:#f8f9fa;border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(67,97,238,0.04);padding:1.5em 1.8em;margin-bottom:2.5em;position:relative;}

.keytakeaways strong{color:var(--primary);display:block;margin-bottom:0.8em;font-size:1.1em;}

.keytakeaways strong i{margin-right:0.5em;color:#ffc107;}

.keytakeaways ul,.keytakeaways ol{margin-top:0.8em;margin-bottom:0.2em;}

.author-expanded{margin-top:45px;background:#f8f9fa;border-radius:var(--radius-md);box-shadow:0 2px 14px rgba(67,97,238,0.06);padding:32px 36px;display:flex;gap:24px;align-items:flex-start;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}

.author-expanded:hover{transform:translateY(-3px);box-shadow:0 6px 30px rgba(67,97,238,0.09);}

.author-expanded .author_thumb{width:80px;height:80px;min-width:80px;border-radius:50%;border:3px solid white;box-shadow:0 3px 12px rgba(67,97,238,0.1);}

.author-name{font-weight:700;color:var(--primary);font-size:1.15rem;margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;}

.author-name a{color:var(--primary);text-decoration:none;transition:color var(--transition-normal);}

.author-name a:hover{color:var(--primary-dark);}

.author-about{font-size:1.02rem;color:var(--gray-dark);margin-top:10px;line-height:1.7;}

.sidebar > *{margin-bottom:32px;box-shadow:0 4px 24px rgba(67,97,238,0.07);border-radius:var(--radius-md);background:#fff;padding:28px 24px;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}

.sidebar > *:hover{transform:translateY(-3px);box-shadow:0 6px 30px rgba(67,97,238,0.09);}

.before-you-go{margin-top:70px;margin-bottom:50px;}

.before-you-go h3{font-size:1.4rem;font-weight:700;margin-bottom:28px;position:relative;display:inline-block;padding-bottom:12px;}

.before-you-go h3::after{content:'';position:absolute;bottom:0;left:0;width:70px;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:1.5px;}

.featured-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;}

.related-posts{margin-top:70px;}

@media (max-width:1100px){.single-layout{gap:30px;}.bpost.content-single{padding:35px 30px 35px 30px;}.post-title{font-size:2.2rem;}}

@media (max-width:900px){.single-layout{grid-template-columns:1fr;gap:0;}.sidebar{margin-top:40px;}.bpost.content-single{padding:30px 25px 32px 25px;}.post-title{font-size:2rem;}.post-meta-block{flex-direction:column;align-items:flex-start;gap:12px;}.post-meta-updated{text-align:left;align-items:flex-start;}.author-expanded{flex-direction:column;padding:25px 20px;}.featured-articles-grid{grid-template-columns:1fr;}.cms h2{font-size:1.7rem;}.cms h3{font-size:1.4rem;}}

@media (max-width:600px){.bpost.content-single{padding:25px 18px 28px 18px;}.post-title{font-size:1.8rem;}.post-excerpt-lead{font-size:1.15rem;}.cms{font-size:1.05rem;}.featured-articles-grid{gap:20px;}.cms blockquote{padding:1.2em 1.5em;}.cms table{font-size:0.95rem;}.cms th,.cms td{padding:0.7em 0.9em;}}

.featured-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;}

.featured-article{overflow:hidden;border-radius:var(--radius-md);background-color:#fff;box-shadow:0 4px 20px rgba(67,97,238,0.07);height:100%;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;}

.featured-article:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(67,97,238,0.1);}

.featured-article-image{overflow:hidden;position:relative;height:0;padding-bottom:56.25%;}

.featured-article-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}

.featured-article:hover .featured-article-image img{transform:scale(1.05);}

.featured-article-content{padding:20px 24px 24px;display:flex;flex-direction:column;flex-grow:1;}

.featured-article-title{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--dark);line-height:1.4;transition:color var(--transition-normal);}

.featured-article-excerpt{color:var(--gray);font-size:0.95rem;line-height:1.6;margin-bottom:var(--spacing-md);flex-grow:1;}

.read-article{display:inline-flex;align-items:center;font-size:0.95rem;font-weight:600;color:var(--primary);margin-top:auto;transition:all var(--transition-normal);}

.read-article i{margin-left:6px;font-size:0.85rem;transition:transform var(--transition-normal);}

.breadcrumbs-container{margin-bottom:25px;padding:18px 24px;background:linear-gradient(135deg,rgba(67,97,238,0.05) 0%,rgba(76,201,240,0.03) 50%,rgba(247,37,133,0.02) 100%);border-radius:12px;border:1px solid rgba(67,97,238,0.08);box-shadow:0 2px 12px rgba(67,97,238,0.04);position:relative;overflow:hidden;}

.breadcrumbs-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);z-index:1;}

.breadcrumbs{font-size:14px;color:var(--gray);line-height:1.5;display:flex;align-items:center;flex-wrap:wrap;gap:12px;position:relative;z-index:2;}

.breadcrumbs a{color:var(--gray-dark);text-decoration:none;transition:all var(--transition-normal);padding:8px 16px;border-radius:8px;font-weight:500;position:relative;overflow:hidden;background:rgba(255,255,255,0.5);border:1px solid rgba(67,97,238,0.1);}

.breadcrumbs a::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,rgba(67,97,238,0.15) 0%,rgba(76,201,240,0.1) 100%);transition:width var(--transition-normal);z-index:-1;}

.breadcrumbs a:hover{color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(67,97,238,0.15);border-color:rgba(67,97,238,0.2);}

.breadcrumbs a:hover::before{width:100%;}

.breadcrumbs span:not(:last-child){color:var(--gray);font-weight:400;font-size:16px;opacity:0.7;}

.breadcrumbs span:last-child{color:var(--primary);font-weight:600;padding:8px 16px;background:linear-gradient(135deg,rgba(67,97,238,0.1) 0%,rgba(76,201,240,0.05) 100%);border-radius:8px;border:1px solid rgba(67,97,238,0.15);position:relative;}

.breadcrumbs span:last-child::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:1px;}

.single-page{padding-bottom:60px;}

.bpost.content-single{padding:30px;}

.post-excerpt-lead{font-size:1.25rem;color:var(--gray);margin-bottom:22px;font-weight:500;line-height:1.5;border-left:3px solid var(--primary);padding-left:16px;}

.post-meta-block{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap;background:#f8f9fa;border-radius:var(--radius-md);padding:12px 16px;}

.post-meta-author{display:flex;align-items:center;gap:12px;}

.post-meta-author .author_thumb{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(67,97,238,0.07);transition:transform var(--transition-normal);border:2px solid white;margin:0;}

.author-info{font-weight:600;color:var(--primary);font-size:0.95rem;line-height:1.3;display:flex;flex-direction:column;}

.aexpertise{display:block;color:var(--gray);font-weight:400;margin-top:2px;transition:color var(--transition-normal);font-size:0.85rem;}

.expert-verified{display:inline-flex;align-items:center;margin-top:4px;font-size:0.85rem;color:var(--success);font-weight:500;}

.expert-verified i{margin-right:4px;font-size:0.9rem;color:var(--success);}

.featured{margin-top:0;margin-bottom:25px;}

.author-expanded{margin-top:40px;padding:24px 28px;display:flex;align-items:flex-start;gap:20px;}

.author-expanded .author_thumb{width:75px;height:75px;min-width:75px;margin:0;}

@media (max-width:768px){.post-title{font-size:2.1rem;}.bpost.content-single{padding:25px 20px;}.post-meta-block{flex-direction:column;align-items:flex-start;gap:12px;}.post-meta-updated{text-align:left;align-items:flex-start;}.author-expanded{padding:20px;}}

@media (max-width:576px){.post-title{font-size:1.8rem;}.post-excerpt-lead{font-size:1.1rem;}.bpost.content-single{padding:20px 15px;}}

.author-name{font-weight:700;color:var(--primary);font-size:1.15rem;display:flex;flex-direction:column;}

.author-expanded .aexpertise{display:block;color:var(--gray);font-weight:400;margin-top:4px;font-size:0.9rem;}

.author-expanded .expert-verified{display:inline-flex;align-items:center;margin-top:6px;font-size:0.9rem;color:var(--success);font-weight:500;}

.author-expanded .expert-verified i{margin-right:4px;font-size:0.95rem;color:var(--success);}

.social-share-section{background:#fff;border-radius:var(--radius-md);padding:20px;box-shadow:0 2px 12px rgba(67,97,238,0.06);}

.social-share-section h4,.sidebar-widget h4{font-size:1.05rem;font-weight:700;margin-bottom:12px;text-align:center;color:var(--dark);}

.social-share-buttons{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;justify-content:center;}

.social-share-btn{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:var(--radius-md);color:#fff;font-weight:600;font-size:0;text-decoration:none;transition:all 0.2s ease;width:40px;height:40px;position:relative;}

.social-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#fff;}

.social-share-btn i{font-size:1.1rem;}

.social-share-btn span{display:none;}

.social-share-btn.facebook{background-color:#3b5998;}

.social-share-btn.messenger{background-color:#0078FF;}

.social-share-btn.whatsapp{background-color:#25D366;}

.social-share-btn.telegram{background-color:#0088cc;}

.social-share-btn.zalo{background-color:#0068FF;}

@media (max-width:768px){.social-share-section{padding:16px;}.social-share-btn{width:36px;height:36px;padding:6px;}.social-share-btn i{font-size:1rem;}}

.sidebar{display:flex;flex-direction:column;gap:30px;}

.sidebar-widget{background:#fff;border-radius:var(--radius-md);padding:25px;box-shadow:0 2px 12px rgba(67,97,238,0.06);}

.recommended-tools{text-align:center;}

.recommended-tool{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.05);}

.recommended-tool:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}

.recommended-tool a{display:block;text-decoration:none;color:var(--dark);margin-bottom:15px;}

.logo-placement{height:140px;width:100%;margin-bottom:15px;border-radius:var(--radius-md);background-color:#fff !important;padding:25px;box-shadow:0 2px 12px rgba(67,97,238,0.08);border:1px solid rgba(67,97,238,0.1);transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}

.logo-placement::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(67,97,238,0.02) 0%,rgba(76,201,240,0.01) 100%);opacity:0;transition:opacity var(--transition-normal);z-index:1;}

.recommended-tool:hover .logo-placement{transform:translateY(-3px);box-shadow:0 6px 20px rgba(67,97,238,0.12);border-color:rgba(67,97,238,0.15);}

.recommended-tool:hover .logo-placement::before{opacity:1;}

.recommended-tool:hover .logo-placement{background-size:90% !important;}

.recommended-tool h3{font-size:1.1rem;margin-top:10px;margin-bottom:12px;font-weight:600;color:var(--dark);transition:color 0.2s ease;}

.recommended-tool a:hover h3{color:var(--primary);}

.tool-actions{display:flex;flex-direction:column;gap:10px;align-items:center;}

.tool-actions .text-link{font-size:0.9rem;color:var(--primary);text-decoration:underline;font-weight:500;}

@media (max-width:768px){.sidebar{gap:25px;}.social-share-section,.sidebar-widget{padding:20px;}.social-share-btn{padding:10px 14px;font-size:0.9rem;}}

.admin-bar .site-header{top:32px;}

@media screen and (max-width:782px){.admin-bar .site-header{top:46px;}}

@media screen and (max-width:600px){.admin-bar .site-header.scrolled{top:0;}}

.admin-bar .hero-section{padding-top:calc(var(--header-height) + var(--spacing-xxl) + 32px);}

@media screen and (max-width:782px){.admin-bar .hero-section{padding-top:calc(var(--header-height) + var(--spacing-xxl) + 46px);}}

.admin-bar .container.single-page,.admin-bar .container[style*="padding-top"]{padding-top:calc(var(--header-height) + 30px + 32px) !important;}

@media screen and (max-width:782px){.admin-bar .container.single-page,.admin-bar .container[style*="padding-top"]{padding-top:calc(var(--header-height) + 30px + 46px) !important;}}

body.wp-admin{padding-top:0 !important;}

body.wp-admin .site-header{display:none !important;}

#wpadminbar{position:fixed !important;z-index:99999;}

body.admin-bar #wpbody,body.admin-bar #adminmenu{padding-top:0 !important;margin-top:0 !important;}

.intro-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);z-index:1;}

.featured-tools-section .all-tools-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;margin-top:var(--spacing-xl);width:100%;}

@media (min-width:768px){.featured-tools-section .all-tools-grid{grid-template-columns:repeat(2,1fr);}}

@media (min-width:992px){.featured-tools-section .all-tools-grid{grid-template-columns:repeat(3,1fr);}}

.intro-section{padding:90px 0;position:relative;overflow:hidden;background-color:rgba(23,25,35,0.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.5s ease;}

.featured-tools-section .tool-card.featured{border-color:rgba(67,97,238,0.15);box-shadow:0 5px 20px rgba(67,97,238,0.08);}

.pagination-wrapper{display:flex;justify-content:center;margin:var(--spacing-xxl) 0;}

.pagination-wrapper ul.page-numbers{display:flex;list-style:none;padding:0;margin:0;gap:var(--spacing-sm);}

.pagination-wrapper .page-numbers li{margin:0;}

.pagination-wrapper .page-numbers span,.pagination-wrapper .page-numbers a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--spacing-md);font-size:1rem;font-weight:600;color:var(--dark);text-decoration:none;background:#fff;border:1px solid var(--gray-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;}

.pagination-wrapper .page-numbers a:hover{color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px);}

.pagination-wrapper .page-numbers .current{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);cursor:default;}

.pagination-wrapper .page-numbers .dots{background:transparent;border:none;box-shadow:none;color:var(--gray);cursor:default;pointer-events:none;font-weight:400;}

.pagination-wrapper .page-numbers .dots:hover{background:transparent;border:none;box-shadow:none;transform:none;}

.pagination-wrapper .page-numbers .next,.pagination-wrapper .page-numbers .prev{font-size:1.1rem;font-weight:700;}

@media (max-width:600px){.pagination-wrapper{margin:var(--spacing-xl) 0;}.pagination-wrapper ul.page-numbers{gap:var(--spacing-xs);flex-wrap:wrap;}.pagination-wrapper .page-numbers span,.pagination-wrapper .page-numbers a{min-width:48px;height:48px;font-size:1.1rem;touch-action:manipulation;}.pagination-wrapper .page-numbers .next,.pagination-wrapper .page-numbers .prev{font-size:1.2rem;}}

/* SINGLE TOOLS PAGE - REUSING SINGLE.PHP CLASSES */
.container.single-tools-page{max-width:1200px;margin:0 auto;padding:var(--spacing-md);margin-top:calc(var(--header-height) + 30px);}

.tools-single-layout,.single-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;margin-bottom:60px;}
@media (max-width:900px){.single-layout{grid-template-columns:1fr;gap:0;}.sidebar{margin-top:40px;width:100%;}}
.tools-main-content,.main-content{min-width:0;}

.tools-sidebar,.sidebar{min-width:0;position:sticky;top:30px;}

.tools-content-single,.bpost.content-single{box-shadow:0 4px 24px rgba(67,97,238,0.07);border-radius:var(--radius-md);background:#fff;padding:40px 36px 42px 36px;margin-bottom:32px;transition:transform var(--transition-normal),box-shadow var(--transition-normal);}

.tools-content-single:hover,.bpost.content-single:hover{box-shadow:0 6px 30px rgba(67,97,238,0.09);}

.tools-header{}

.tools-title,.post-title{font-size:2.4rem;font-weight:800;margin-bottom:18px;line-height:1.15;color:var(--dark);letter-spacing:-0.02em;}

.tool-excerpt-lead,.post-excerpt-lead{font-size:1.25rem;color:var(--gray);margin-bottom:20px;font-weight:500;line-height:1.5;}

/* TOOL TEMPLATE STYLING - IMPROVED */
.tool-template-container{margin:var(--spacing-xl) 0;max-width:800px;}

.tool-template .headline{font-size:1.6rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--dark);text-align:center;padding:var(--spacing-lg) 0;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:var(--radius-lg);border:1px solid var(--gray-light);}

.tool-template .blockA{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:var(--spacing-xl);}

.tool-template .short-left{padding:0;}

.modern-rating-info-block{background:#fff;border-radius:var(--radius-lg);padding:0;box-shadow:0 4px 24px rgba(67,97,238,0.08);border:1px solid rgba(67,97,238,0.1);overflow:hidden;margin-bottom:var(--spacing-lg);}

.mri-tool-name{display:none;}

.mri-expert-rating-box{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-xl);margin:0;border-radius:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;}

.mri-expert-rating-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md);color:#fff !important;text-align:center;opacity:1;}

.mri-logo-container{margin:var(--spacing-md) 0;padding:var(--spacing-sm);background:rgba(255,255,255,0.1);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;}

.mri-logo-container img{max-width:170px;height:auto;border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,0.2);margin:0;display:block;padding:20px;background:#fff;}

.mri-overall-score-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1;}

.mri-overall-score-value{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.2);line-height:1;}

.mri-overall-score-value span{font-size:1.2rem;color:rgba(255,255,255,0.8);font-weight:500;margin-left:4px;}

.mri-overall-stars{color:#ffd700;font-size:1.8rem;text-shadow:0 1px 2px rgba(0,0,0,0.2);}

.mri-detailed-scores-list{margin:0;padding:var(--spacing-xl);background:#fff;}

.mri-detailed-criterion{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid #f0f0f0;transition:background var(--transition-fast);}

.mri-detailed-criterion:hover{background:rgba(67,97,238,0.02);}

.mri-detailed-criterion:last-child{border-bottom:none;}

.mri-criterion-category{font-weight:600;color:var(--gray-dark);font-size:0.95rem;}

.mri-criterion-stars{color:#ffc107;font-size:1rem;margin:0 var(--spacing-sm);}

.mri-criterion-value{font-weight:700;color:var(--primary);font-size:0.95rem;min-width:50px;text-align:right;}

.mri-pricing-info{background:#f8f9fa;padding:var(--spacing-xl);margin:0;border-top:1px solid #f0f0f0;}

.mri-pricing-info h3{font-size:1.1rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--dark);text-align:center;}

.mri-pricing-info p{margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;font-size:0.95rem;}

.mri-pricing-label{color:var(--gray);font-weight:500;}

.mri-pricing-value{color:var(--primary);font-weight:700;}

.tool-cta-container{margin-top:var(--spacing-lg);text-align:center;}

.tool-cta-container .btn{margin:0 0 var(--spacing-md) 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);box-shadow:0 4px 15px rgba(67,97,238,0.3);transition:all var(--transition-normal);color:#fff;text-decoration:none;display:inline-block;}

.tool-cta-container .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(67,97,238,0.4);}

.tool-cta-container .textl{display:inline-block;margin-top:var(--spacing-sm);font-size:0.9rem;color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-normal);}

.tool-cta-container .textl:hover{color:var(--primary-dark);text-decoration:underline;}

/* PROS AND CONS - IMPROVED SINGLE COLUMN */
.tool-template .blockB{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);}

.tool-template .pros,.tool-template .cons{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 16px rgba(67,97,238,0.06);border:1px solid rgba(67,97,238,0.1);position:relative;overflow:hidden;}

.tool-template .pros::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--success) 0%,#04b485 100%);}

.tool-template .cons::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--danger) 0%,#d63863 100%);}

.tool-template .pros .subt,.tool-template .cons .subt{font-size:1.3rem;font-weight:700;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);}

.tool-template .pros .subt{color:var(--success);}

.tool-template .cons .subt{color:var(--danger);}

.tool-template .pros .subt::before{content:'✓';font-size:1.2rem;color:var(--success);background:rgba(6,214,160,0.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;}

.tool-template .cons .subt::before{content:'✗';font-size:1.2rem;color:var(--danger);background:rgba(239,71,111,0.1);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;}

.tool-template .pros p,.tool-template .cons p{margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.6;display:flex;align-items:flex-start;gap:var(--spacing-sm);padding-left:var(--spacing-sm);}

.tool-template .pros p:last-child,.tool-template .cons p:last-child{margin-bottom:0;}

.tool-template .pros p i{color:var(--success);font-size:0.85rem;margin-top:2px;flex-shrink:0;}

.tool-template .cons p i{color:var(--danger);font-size:0.85rem;margin-top:2px;flex-shrink:0;}

/* OTHER BLOCKS - IMPROVED */
.tool-template .blockC{margin:var(--spacing-xl) 0;}

.tool-template .blockC img{width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 20px rgba(67,97,238,0.08);border:1px solid rgba(67,97,238,0.1);transition:transform var(--transition-normal);}

.tool-template .blockC img:hover{transform:translateY(-2px);}

.tool-template .blockC small{color:var(--gray);font-size:0.9rem;display:block;margin-bottom:var(--spacing-xl);font-style:italic;text-align:center;}

.tool-template .blockE{margin:var(--spacing-xl) 0;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 16px rgba(67,97,238,0.06);border:1px solid rgba(67,97,238,0.1);}

.tool-template .blockE h3{font-size:1.4rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--dark);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--gray-light);position:relative;}

.tool-template .blockE h3::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));}

/* RESPONSIVE - IMPROVED */
@media (max-width:900px){.tools-single-layout{grid-template-columns:1fr;gap:0;}.tools-sidebar{margin-top:40px;}.tools-content-single{padding:30px 25px 32px 25px;}.tools-title{font-size:2.2rem;}.tool-template .blockA{grid-template-columns:1fr;}.tool-template .blockB{gap:var(--spacing-lg);}}

@media (max-width:600px){.tools-content-single{padding:25px 18px 28px 18px;}.tools-title{font-size:1.8rem;}.tool-excerpt-lead{font-size:1.15rem;}.modern-rating-info-block{border-radius:var(--radius-md);}.mri-overall-score-value{font-size:2.5rem;}.tool-template .pros,.tool-template .cons{padding:var(--spacing-lg);}.tool-template .headline{font-size:1.4rem;padding:var(--spacing-md) 0;}.tool-cta-container{padding:var(--spacing-lg);}.tool-template .blockE{padding:var(--spacing-lg);}}

.tool-template h2::after,.mri-expert-rating-title::after,.tool-template .cms h2::after{display:none !important;}

.tool-template h2,.mri-expert-rating-title{position:relative;}

.cms h2{position:relative;}

.cms h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:1.5px;}

/* ENHANCED TOOL REVIEW HEADER */
.tools-title{font-size:3.2rem;font-weight:900;margin-bottom:25px;line-height:1.1;letter-spacing:-0.03em;position:relative;background:linear-gradient(135deg, var(--dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(67,97,238,0.15);padding:10px 0 20px 0;text-align:left;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;}
.tools-title::before{content:'';position:absolute;bottom:0;left:0;width:120px;height:4px;background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 50%, var(--primary-dark) 100%);border-radius:2px;box-shadow:0 2px 8px rgba(67,97,238,0.3);}
.tools-title::after{content:'';position:absolute;top:-5px;left:-10px;right:-10px;bottom:-5px;background:linear-gradient(135deg, rgba(67,97,238,0.03) 0%, rgba(76,201,240,0.02) 100%);border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity var(--transition-normal);}

.tool-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(67,97,238,0.07);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05);height:100%;display:flex;flex-direction:column;position:relative;margin-bottom:0;}
.tool-card.featured{border-top:4px solid var(--primary);background:linear-gradient(to bottom, rgba(67,97,238,0.03) 0%, rgba(255,255,255,1) 100px);}
.tool-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(67,97,238,0.12);}
.featured-badge{position:absolute;top:15px;right:15px;background:linear-gradient(45deg, #4361ee 0%, #3a56d4 100%);color:white;font-size:0.75rem;font-weight:700;padding:6px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(67,97,238,0.2);z-index:10;}

.tool-logo{height:140px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:contain;padding:25px;transition:all 0.3s ease;margin-bottom:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.05));border:1px solid rgba(0, 0, 0, 0.03);display:flex;align-items:center;justify-content:center;}
.tool-card:hover .tool-logo{transform:scale(1.05);filter:drop-shadow(0 6px 8px rgba(0,0,0,0.08));}
.tool-content{padding:20px 25px 0;display:flex;flex-direction:column;flex-grow:1;}
.tool-title{font-size:1.35rem;margin-bottom:1rem;color:#171717;line-height:1.3;font-weight:700;transition:color 0.3s ease;position:relative;padding-bottom:12px;}
.tool-title::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg, #4361ee 0%, #4cc9f0 100%);border-radius:50px;transition:width 0.3s ease;}
.tool-card:hover .tool-title{color:#4361ee;}
.tool-card:hover .tool-title::after{width:60px;}
.tool-scores{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,0.05);}
.score-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:0.95rem;align-items:center;}
.score-label{color:#333333;font-weight:600;}
.score-value{font-weight:700;color:#171717;display:flex;align-items:center;background-color:rgba(67,97,238,0.05);padding:4px 10px;border-radius:50px;}
.score-value i{color:gold;margin-right:6px;text-shadow:0 1px 2px rgba(0,0,0,0.2);}
.tool-pricing{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,0.05);}
.tool-pricing h4{font-size:1.05rem;margin-bottom:12px;color:#171717;font-weight:700;position:relative;display:inline-block;}
.tool-pricing h4::before{content:'💰';margin-right:6px;}
.price-detail{display:flex;justify-content:space-between;align-items:center;font-size:0.95rem;color:#333333;margin-bottom:8px;background-color:#f8f9fa;padding:8px 12px;border-radius:8px;font-weight:600;}
.price-detail small{color:#4361ee;font-size:0.9rem;font-weight:700;}
.tool-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;width:100%;padding:20px 25px 25px;}
.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:50px;font-size:0.95rem;font-weight:700;transition:all 0.3s ease;width:100%;white-space:nowrap;}
.btn-primary{background:linear-gradient(45deg, #4361ee 0%, #3a56d4 100%);color:#fff !important;border:none;box-shadow:0 4px 15px rgba(67, 97, 238, 0.2);}
.btn-primary:hover{background:linear-gradient(45deg, #3a56d4 0%, #4361ee 100%);color:#fff !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(67, 97, 238, 0.3);}
.btn-secondary{background-color:#fff;color:#4361ee;border:2px solid #4361ee;font-weight:600;}
.btn-secondary:hover{background-color:rgba(67, 97, 238, 0.05); color:#3a56d4; transform:translateY(-2px); border-color:#3a56d4;}
.tool-actions a i{margin-left:8px;line-height:1;font-size:0.9rem;transition:transform 0.3s ease;}
.tool-actions a:hover i{transform:translateX(4px);}

@media (max-width:576px){.tool-card{max-width:100%;}.tool-logo{height:120px;}.tool-content,.tool-actions{padding-left:20px;padding-right:20px;}.price-detail{padding:6px 10px;}}

.tool-template h2::after,.mri-expert-rating-title::after,.tool-template .cms h2::after{display:none !important;}

.tool-template h2,.mri-expert-rating-title{position:relative;}

.cms h2{position:relative;}

.cms h2::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background:linear-gradient(to right,var(--primary),var(--primary-dark));border-radius:1.5px;}

/* MAILERLITE NEWSLETTER STYLING */
.ml-embedded{background:#fff;border-radius:var(--radius-md);padding:0;box-shadow:none;border:none;}

.ml-embedded .ml-form-embed{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;}

.ml-embedded .ml-form-embed-wrapper{background:transparent !important;border-radius:0 !important;padding:0 !important;}

.ml-embedded .ml-form-embed-wrapper .ml-form-embedContainer{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important;}

.ml-embedded h2,.ml-embedded h3,.ml-embedded h4{font-family:var(--font-heading) !important;font-size:1.05rem !important;font-weight:700 !important;color:var(--dark) !important;text-align:center !important;margin:0 0 12px 0 !important;padding:0 !important;}

.ml-embedded p{font-family:var(--font-primary) !important;font-size:0.9rem !important;color:var(--gray) !important;text-align:center !important;margin:0 0 16px 0 !important;line-height:1.5 !important;}

.ml-embedded .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody{background:transparent !important;padding:0 !important;}

.ml-embedded .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow{margin-bottom:12px !important;}

.ml-embedded input[type="email"],.ml-embedded input[type="text"]{width:100% !important;padding:12px 16px !important;border:1px solid rgba(67,97,238,0.2) !important;border-radius:var(--radius-md) !important;font-family:var(--font-primary) !important;font-size:0.9rem !important;color:var(--gray-dark) !important;background:#fff !important;transition:all var(--transition-normal) !important;box-shadow:0 2px 4px rgba(67,97,238,0.04) !important;}

.ml-embedded input[type="email"]:focus,.ml-embedded input[type="text"]:focus{outline:none !important;border-color:var(--primary) !important;box-shadow:0 0 0 3px rgba(67,97,238,0.1) !important;}

.ml-embedded input[type="email"]::placeholder,.ml-embedded input[type="text"]::placeholder{color:var(--gray) !important;font-size:0.9rem !important;}

.ml-embedded button[type="submit"],.ml-embedded .ml-form-embedSubmit button{width:100% !important;padding:12px 20px !important;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%) !important;color:#fff !important;border:none !important;border-radius:var(--radius-md) !important;font-family:var(--font-primary) !important;font-size:0.95rem !important;font-weight:600 !important;cursor:pointer !important;transition:all var(--transition-normal) !important;box-shadow:0 4px 12px rgba(67,97,238,0.2) !important;}

.ml-embedded button[type="submit"]:hover,.ml-embedded .ml-form-embedSubmit button:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%) !important;transform:translateY(-2px) !important;box-shadow:0 6px 16px rgba(67,97,238,0.3) !important;}

.ml-embedded .ml-form-checkboxRow{margin-top:12px !important;}

.ml-embedded .ml-form-checkboxRow label{font-family:var(--font-primary) !important;font-size:0.8rem !important;color:var(--gray) !important;line-height:1.4 !important;}

.ml-embedded .ml-form-checkboxRow input[type="checkbox"]{accent-color:var(--primary) !important;margin-right:8px !important;}

.ml-embedded .ml-form-successMessage{background:linear-gradient(135deg,var(--success) 0%,#04b485 100%) !important;color:#fff !important;padding:16px !important;border-radius:var(--radius-md) !important;text-align:center !important;font-family:var(--font-primary) !important;font-size:0.95rem !important;font-weight:600 !important;margin-top:12px !important;}

.ml-embedded .ml-form-errorMessage{background:linear-gradient(135deg,var(--danger) 0%,#d63863 100%) !important;color:#fff !important;padding:16px !important;border-radius:var(--radius-md) !important;text-align:center !important;font-family:var(--font-primary) !important;font-size:0.95rem !important;font-weight:600 !important;margin-top:12px !important;}

.ml-embedded a{color:var(--primary) !important;text-decoration:underline !important;transition:color var(--transition-normal) !important;}

.ml-embedded a:hover{color:var(--primary-dark) !important;}

@media (max-width:768px){.ml-embedded input[type="email"],.ml-embedded input[type="text"]{padding:10px 14px !important;font-size:0.85rem !important;}.ml-embedded button[type="submit"],.ml-embedded .ml-form-embedSubmit button{padding:10px 16px !important;font-size:0.9rem !important;}}

/* Removed duplicate tool card definitions - using the corrected ones above */

/* COMPREHENSIVE SEARCH INPUT STYLING */
input[type="search"],input[type="text"][placeholder*="Search"],input[placeholder*="Search"],input[placeholder*="search"],[class*="search"] input,#searchform input,.search-form input,.searchform input,input.search-field,input.search-input,input[name="s"],input[name="search"]{width:100%;padding:14px 50px 14px 20px;border:2px solid rgba(67,97,238,0.2);border-radius:50px;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);font-size:1rem;color:var(--gray-dark);transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(67,97,238,0.08);font-family:var(--font-primary);font-weight:500;box-sizing:border-box;}

input[type="search"]:focus,input[type="text"][placeholder*="Search"]:focus,input[placeholder*="Search"]:focus,input[placeholder*="search"]:focus,[class*="search"] input:focus,#searchform input:focus,.search-form input:focus,.searchform input:focus,input.search-field:focus,input.search-input:focus,input[name="s"]:focus,input[name="search"]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(67,97,238,0.15),0 8px 20px rgba(67,97,238,0.12);transform:translateY(-2px);}

input[type="search"]::placeholder,input[type="text"][placeholder*="Search"]::placeholder,input[placeholder*="Search"]::placeholder,input[placeholder*="search"]::placeholder,[class*="search"] input::placeholder,#searchform input::placeholder,.search-form input::placeholder,.searchform input::placeholder,input.search-field::placeholder,input.search-input::placeholder,input[name="s"]::placeholder,input[name="search"]::placeholder{color:var(--gray);font-weight:500;}

/* SEARCH FORM CONTAINERS */
.search-form,#searchform,.searchform,[class*="search-form"]{position:relative;max-width:400px;margin:0 auto;}

/* SEARCH SUBMIT BUTTONS - REVERTED TO ORIGINAL */
button[type="submit"][class*="search"],input[type="submit"][class*="search"],.search-submit,#searchsubmit,.search-button,button[type="submit"][value*="Search"],input[type="submit"][value*="Search"]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px rgba(67,97,238,0.2);color:#fff;font-size:0.9rem;z-index:10;}

button[type="submit"][class*="search"]:hover,input[type="submit"][class*="search"]:hover,.search-submit:hover,#searchsubmit:hover,.search-button:hover,button[type="submit"][value*="Search"]:hover,input[type="submit"][value*="Search"]:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(67,97,238,0.3);}

/* TOOLS ARCHIVE HERO SECTION FIX */
.tools-hero-section{padding:calc(var(--header-height) + 40px + var(--spacing-xl)) 0 var(--spacing-xl) 0;background:linear-gradient(135deg,#f0f4f8 0%,#ffffff 100%);position:relative;overflow:hidden;margin-top:0;}

/* TOOLS PAGE SPECIFIC STYLING */
.tools-page-header,.archive-tools .page-header{padding:calc(var(--header-height) + 40px) 0 var(--spacing-xl) 0;background:linear-gradient(135deg,#f0f4f8 0%,#ffffff 100%);position:relative;margin-top:0;}

/* ENHANCED SEARCH CONTAINER FOR TOOLS PAGE */
.tools-search-container{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,250,252,0.98) 100%);backdrop-filter:blur(20px);padding:var(--spacing-xl);margin:var(--spacing-lg) 0;border-radius:var(--radius-lg);border:1px solid rgba(67,97,238,0.1);box-shadow:0 8px 32px rgba(67,97,238,0.08);position:relative;overflow:hidden;}

.tools-search-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);}

.tools-search-form{position:relative;max-width:600px;margin:0 auto;display:block;}

.tools-search-input,input[placeholder*="Search AI tools"],input[placeholder*="Search tools"]{width:100%;padding:18px 60px 18px 24px;border:2px solid rgba(67,97,238,0.15);border-radius:60px;background:rgba(255,255,255,0.95);backdrop-filter:blur(15px);font-size:1.1rem;color:var(--gray-dark);transition:all var(--transition-normal);box-shadow:0 6px 20px rgba(67,97,238,0.1);font-weight:500;box-sizing:border-box;}

.tools-search-input:focus,input[placeholder*="Search AI tools"]:focus,input[placeholder*="Search tools"]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 6px rgba(67,97,238,0.15),0 12px 30px rgba(67,97,238,0.15);transform:translateY(-3px);}

.tools-search-submit{position:absolute;right:44px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 15px rgba(67,97,238,0.25);color:#fff;font-size:1.1rem;z-index:10;line-height:1;}

.tools-search-submit:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 6px 20px rgba(67,97,238,0.35);}

/* ADMIN BAR ADJUSTMENTS FOR TOOLS PAGE */
.admin-bar .tools-hero-section,.admin-bar .tools-page-header,.admin-bar .archive-tools .page-header{padding-top:calc(var(--header-height) + 40px + 32px);}

@media screen and (max-width:782px){.admin-bar .tools-hero-section,.admin-bar .tools-page-header,.admin-bar .archive-tools .page-header{padding-top:calc(var(--header-height) + 40px + 46px);}}

/* RESPONSIVE SEARCH STYLING */
@media (max-width:768px){input[type="search"],input[type="text"][placeholder*="Search"],input[placeholder*="Search"],input[placeholder*="search"],[class*="search"] input,#searchform input,.search-form input,.searchform input,input.search-field,input.search-input,input[name="s"],input[name="search"]{padding:12px 45px 12px 16px;font-size:0.95rem;}.tools-search-input,input[placeholder*="Search AI tools"],input[placeholder*="Search tools"]{padding:16px 50px 16px 20px;font-size:1rem;}button[type="submit"][class*="search"],input[type="submit"][class*="search"],.search-submit,#searchsubmit,.search-button,.tools-search-submit{}.tools-search-input,input[placeholder*="Search AI tools"],input[placeholder*="Search tools"]{padding:16px 50px 16px 20px;font-size:1rem;}.tools-search-submit{}}

@media (max-width:576px){.tools-search-container{padding:var(--spacing-lg);margin:var(--spacing-md) 0;}.tools-search-form{max-width:100%;}.header-inner{padding:0 var(--spacing-xs);}.tools-hero-content h1{font-size:2.2rem;}}

/* MODERN TOOLS HERO SECTION */
.tools-hero-section{padding:calc(var(--header-height) + 80px + var(--spacing-xxl)) 0 var(--spacing-xxl) 0;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;color:#fff;}

.tools-hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;}

.tools-hero-title{font-size:3.5rem;font-weight:900;margin-bottom:var(--spacing-lg);line-height:1.1;letter-spacing:-0.02em;color:#fff;}

.tools-hero-description{font-size:1.2rem;color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-xxl);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;}

.tools-hero-stats{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:var(--spacing-xl);}

.tools-hero-stats .stat-item{text-align:center;padding:var(--spacing-md);}

.tools-hero-stats .stat-number{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,#4361ee 0%,#4cc9f0 50%,#f72585 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.tools-hero-stats .stat-label{font-size:0.9rem;color:rgba(255,255,255,0.7);font-weight:500;text-transform:uppercase;letter-spacing:1px;}

/* RESPONSIVE TOOLS HERO */
@media (max-width:768px){.tools-hero-section{min-height:90vh;padding:calc(var(--header-height) + 60px + var(--spacing-xl)) 0 var(--spacing-xl) 0;}.tools-hero-title{font-size:2.5rem;}.tools-hero-description{font-size:1.1rem;margin-bottom:var(--spacing-xl);}.tools-hero-stats{gap:var(--spacing-lg);}.tools-hero-stats .stat-number{font-size:2rem;}}

@media (max-width:576px){.tools-hero-title{font-size:2rem;}.tools-hero-description{font-size:1rem;}.tools-hero-stats{gap:var(--spacing-md);flex-direction:column;}.tools-hero-stats .stat-item{padding:var(--spacing-sm);}}