:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--header-height:70px;--border-radius:8px;--animation-duration:.3s}:root,[data-theme=dark]{--bg-color:#0f0f0f;--card-bg:#1a1a1a;--text-color:#fff;--text-secondary:#aaa;--border-color:#333;--hover-bg:#ffffff0d;--primary-color:#a855f7;--primary-color-accent:#8b5cf6;--primary-color-dark:#7c3aed;--primary-color-light:#c4b5fd;--primary-glow:#a855f726;--error-color:#ef4444;--error-bg:#ef44441a;--success-color:#10b981;--success-bg:#10b9811a;--warning-color:#f59e0b;--warning-bg:#f59e0b1a;--info-color:#3b82f6;--info-bg:#3b82f61a;--input-bg:#ffffff0d;--primary-gradient:linear-gradient(135deg,#4f46e5,#a855f7);--secondary-gradient:linear-gradient(90deg,#8b5cf6,#ec4899);--text-gradient:linear-gradient(90deg,#4f46e5,#ec4899);--subtle-gradient:linear-gradient(135deg,#4f46e51a,#ec48991a);--card-shadow:0 10px 30px #0003;--hover-shadow:0 15px 30px #00000040;--button-shadow:0 4px 12px #a855f740}[data-theme=light]{--bg-color:#f7fdfd;--card-bg:#fff;--text-color:#0c3a3d;--text-secondary:#236c70;--text-tertiary:#3a9599;--border-color:#c2eff0;--hover-bg:#e4f7f8;--primary-color:#00a8a8;--primary-color-accent:#00c2ba;--primary-color-dark:#007f80;--primary-color-light:#7fffed;--primary-glow:#00a8a826;--heading-teal-dark:#005e66;--heading-teal-darker:#00494f;--heading-aqua-dark:#006064;--heading-aqua-medium:#00838f;--error-color:#e54d53;--error-bg:#e54d531a;--success-color:#0cac8d;--success-bg:#0cac8d1a;--warning-color:#ef8f50;--warning-bg:#ef8f501a;--info-color:#3db9cf;--info-bg:#3db9cf1a;--input-bg:#00a8a80a;--primary-gradient:linear-gradient(135deg,#006064,#00c2ba);--secondary-gradient:linear-gradient(90deg,#00838f,#00b4d8);--text-gradient:linear-gradient(90deg,#005e66,#00a8a8);--subtle-gradient:linear-gradient(135deg,#00a8a80d,#00c2ba0d);--dark-teal-gradient:linear-gradient(90deg,#005e66,#007f80);--darker-aqua-gradient:linear-gradient(90deg,#006064,#00838f);--aqua-gradient:linear-gradient(135deg,#00c2ba,#5ce1e6);--teal-gradient:linear-gradient(135deg,#007f80,#00a8a8);--card-shadow:0 10px 30px #00606414;--hover-shadow:0 15px 30px #00606426;--button-shadow:0 4px 12px #00a8a833}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color var(--animation-duration)ease,color var(--animation-duration)ease;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.site-header{height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;transition:background-color var(--animation-duration)ease,border-color var(--animation-duration)ease;background-color:#000000b3;position:sticky;top:0}[data-theme=light] .site-header{background-color:#ffffffe6;border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0060640d}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{align-items:center;height:100%;display:flex}.logo{letter-spacing:.5px;transition:opacity var(--animation-duration)ease;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.logo img{height:40px;margin-right:10px}.main-nav{align-items:center;height:100%;display:flex}.main-nav a{height:100%;color:var(--text-secondary);transition:color var(--animation-duration)ease,background-color var(--animation-duration)ease;align-items:center;padding:0 1.2rem;font-size:.95rem;font-weight:500;display:flex;position:relative}.main-nav a:hover{color:var(--primary-color);background-color:var(--hover-bg)}.main-nav a.active{color:var(--primary-color)}.main-nav a.active:after{content:"";background-color:var(--primary-color);width:60%;height:2px;position:absolute;bottom:0;left:20%}.theme-toggle{color:var(--text-color);cursor:pointer;width:40px;height:40px;transition:background-color var(--animation-duration)ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:15px;display:flex}.theme-toggle:hover{background-color:var(--hover-bg)}.theme-toggle svg{transition:stroke var(--animation-duration)ease;stroke:var(--text-color)}.theme-toggle-placeholder{width:40px;height:40px}.home-page{min-height:calc(100vh - var(--header-height) - 70px);background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;display:flex}[data-theme=light] .home-page{background:linear-gradient(135deg,#f3f4f6,#f0f9ff)}.hero-container{text-align:center;max-width:900px;margin:0 auto;padding:3rem 1rem}.hero-title{color:var(--text-color);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2}.gradient-text-start,.gradient-text-end{background:var(--text-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}[data-theme=light] .gradient-text-start,[data-theme=light] .gradient-text-end{background:var(--dark-teal-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.regular-text{color:var(--text-color)}.hero-description{color:var(--text-secondary);max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:400}[data-theme=light] .hero-description{color:var(--text-secondary);font-weight:500}.cta-container{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.cta-button{border-radius:var(--border-radius);transition:all var(--animation-duration)ease;cursor:pointer;padding:.8rem 2rem;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600}.cta-button.primary{background:var(--primary-gradient);color:#fff;border:none}.cta-button.primary:hover{box-shadow:var(--button-shadow);transform:translateY(-3px)}.cta-button.secondary{border:1px solid var(--border-color);color:var(--text-color);background-color:#0000}.cta-button.secondary:hover{background-color:var(--hover-bg);transform:translateY(-3px)}[data-theme=light] .cta-button.primary{background:var(--darker-aqua-gradient)}[data-theme=light] .cta-button.primary:hover{box-shadow:0 4px 12px #00606433}[data-theme=light] .cta-button.secondary{border-color:var(--primary-color-dark);color:var(--primary-color-dark)}[data-theme=light] .cta-button.secondary:hover{background-color:#007f800d}.search-container{max-width:700px;margin:0 auto;position:relative}.home-search-form{border-radius:var(--border-radius);background:var(--primary-gradient);width:100%;padding:2px;position:relative}.home-search-form:before{content:"";border-radius:calc(var(--border-radius) - 2px);background-color:var(--bg-color);z-index:0;position:absolute;inset:2px}[data-theme=light] .home-search-form:before{background-color:#fff}.home-search-input{border-radius:var(--border-radius);width:100%;height:60px;color:var(--text-color);transition:all var(--animation-duration)ease;z-index:1;background-color:#0000;border:none;outline:none;padding:0 1.5rem;font-size:1.1rem;position:relative}.home-search-input::placeholder{color:var(--text-secondary);opacity:.7}[data-theme=light] .home-search-input{color:var(--text-color)}[data-theme=light] .home-search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-input-wrapper{background-color:var(--input-bg);border:1px solid var(--border-color);transition:border-color var(--animation-duration)ease,box-shadow var(--animation-duration)ease;border-radius:50px;display:flex;position:relative;overflow:hidden}.search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}[data-theme=light] .search-input-wrapper{border:1px solid var(--border-color);background-color:#fff;box-shadow:0 2px 8px #00a8a80d}[data-theme=light] .search-input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-glow)}.search-input{height:60px;color:var(--text-color);z-index:1;background-color:#0000;border:none;outline:none;flex-grow:1;padding:0 1.5rem;font-size:1.1rem;position:relative}.search-button{width:60px;height:60px;color:var(--text-color);cursor:pointer;transition:all var(--animation-duration)ease;z-index:1;background-color:#0000;border:none;justify-content:center;align-items:center;display:flex;position:relative}.search-button:hover{background-color:var(--hover-bg);color:var(--primary-color)}[data-theme=light] .search-button{color:var(--primary-color)}[data-theme=light] .search-button:hover{color:var(--primary-color-dark);background-color:#00a8a80d}.clear-button{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:color var(--animation-duration)ease;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:60px}.clear-button:hover{color:var(--primary-color)}[data-theme=light] .clear-button{color:var(--text-secondary)}[data-theme=light] .clear-button:hover{color:var(--primary-color)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.tool-card{background-color:var(--card-bg);transition:transform var(--animation-duration)ease,box-shadow var(--animation-duration)ease,border-color var(--animation-duration)ease;border:1px solid var(--border-color);border-radius:12px;height:100%;overflow:hidden}.tool-card:hover{box-shadow:var(--hover-shadow);border-color:var(--primary-color-light);transform:translateY(-6px)}[data-theme=light] .tool-card{border:1px solid var(--border-color);box-shadow:0 4px 12px #00000008}[data-theme=light] .tool-card:hover{border-color:var(--primary-color-light);background-image:linear-gradient(45deg,#00b8d805 0%,#0a93960d 100%);box-shadow:0 10px 25px #0060641a}.tool-card-inner{flex-direction:column;height:100%;padding:1.5rem;display:flex}.tool-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.tool-icon{background-color:var(--hover-bg);width:48px;height:48px;color:var(--primary-color);transition:all var(--animation-duration)ease;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-card:hover .tool-icon{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}[data-theme=light] .tool-icon{color:var(--primary-color);background-color:#00a8a81a}[data-theme=light] .tool-card:hover .tool-icon{background-color:var(--primary-color);color:#fff}.tool-name{color:var(--text-color);transition:color var(--animation-duration)ease;margin-bottom:.75rem;font-size:1.4rem;font-weight:600}.tool-card:hover .tool-name{color:var(--primary-color)}.tool-description{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:1rem}.tool-link-wrapper{margin-top:auto}.tool-link{background-color:var(--hover-bg);color:var(--primary-color);transition:all var(--animation-duration)ease;text-align:center;border:1px solid #0000;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;display:inline-block}.tool-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}[data-theme=light] .tool-link{color:var(--primary-color);background-color:#00a8a81a}[data-theme=light] .tool-link:hover{background-color:var(--primary-color);color:#fff}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0;display:grid}.category-card{background-color:var(--card-bg);transition:all var(--animation-duration)cubic-bezier(.25,.8,.25,1);border:1px solid var(--border-color);border-radius:16px;height:100%;padding:2rem;text-decoration:none;display:block;position:relative;overflow:hidden}.category-card:before{content:"";background:var(--subtle-gradient);opacity:0;transition:opacity var(--animation-duration)ease;z-index:0;border-radius:16px;position:absolute;inset:0}.category-card:hover:before{opacity:1}.category-card:hover{box-shadow:var(--hover-shadow);border-color:var(--primary-color-light);transform:translateY(-6px)}[data-theme=light] .category-card{border-color:#00a8a81a}[data-theme=light] .category-card:hover{background-image:linear-gradient(45deg,#00b8d808 0%,#0a93960f 100%);border-color:#0a939699;transform:translateY(-4px);box-shadow:0 10px 25px #005f7326}.category-icon-container{z-index:1;background:var(--subtle-gradient);width:64px;height:64px;color:var(--primary-color);transition:all var(--animation-duration)ease;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.category-card:hover .category-icon-container{background:var(--primary-gradient);color:#fff;transform:scale(1.05)rotate(-5deg)}[data-theme=light] .category-card:hover .category-icon-container{background:var(--darker-aqua-gradient)}.category-name{z-index:1;color:var(--text-color);transition:color var(--animation-duration)ease;margin-bottom:1rem;font-size:1.5rem;font-weight:700;position:relative}.category-card:hover .category-name{color:var(--primary-color)}[data-theme=light] .category-card:hover .category-name{color:#0000;background:linear-gradient(to right,var(--heading-aqua-dark),var(--heading-aqua-medium));-webkit-background-clip:text;background-clip:text}.category-stats{z-index:1;border-top:1px solid var(--border-color);gap:1.5rem;margin-top:auto;padding-top:1.5rem;display:flex;position:relative}.stat{flex-direction:column;display:flex}.stat-value{color:var(--primary-color);font-size:1.5rem;font-weight:700;line-height:1.2}[data-theme=light] .category-card:hover .stat-value{color:var(--primary-color-dark)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.main-content-area{background-color:var(--bg-color);width:100%;transition:all var(--animation-duration)ease;padding:1rem 0 4rem}.trending-section-header{margin-bottom:1.5rem}.trending-title{color:var(--text-color);align-items:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;display:flex}[data-theme=light] .trending-title{color:var(--heading-teal-dark)}.trending-emoji{margin-right:.75rem;font-size:1.5rem}.trending-categories{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);transition:background-color var(--animation-duration)ease,border-color var(--animation-duration)ease;background-color:#0000004d;margin-top:auto;padding:2rem 0;font-size:.9rem}[data-theme=light] footer{color:var(--text-secondary);background-color:#ffffffe6;border-top:1px solid #0060641a}.pagination{justify-content:center;align-items:center;gap:.5rem;margin:3rem 0;display:flex}.pagination button{border:1px solid var(--border-color);background-color:var(--card-bg);width:40px;height:40px;color:var(--text-color);cursor:pointer;transition:all var(--animation-duration)ease;border-radius:8px;justify-content:center;align-items:center;display:flex}.pagination button:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}.pagination button.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-theme=light] .pagination button:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--primary-color)}[data-theme=light] .pagination button.active{background-color:var(--primary-color);color:#fff}.no-results{text-align:center;background-color:var(--card-bg);color:var(--text-secondary);border-radius:12px;grid-column:1/-1;padding:4rem;font-size:1.1rem}@media (max-width:768px){.page-title{font-size:1.8rem}.tools-grid{grid-template-columns:1fr}.main-nav{display:none}.hero-section{padding:2rem 0 1rem}.search-input{height:50px;font-size:1rem}.search-button{width:50px;height:50px}.hero-title{font-size:clamp(2rem,4vw,2.5rem)}.hero-description{font-size:clamp(.9rem,2vw,1rem)}.cta-container{flex-direction:column;max-width:300px;margin-left:auto;margin-right:auto}}.breadcrumbs a{color:var(--primary-color);transition:all var(--animation-duration)ease;border-radius:4px;margin:-3px -6px;padding:3px 6px;text-decoration:none;position:relative}[data-theme=light] .breadcrumbs a:after{content:"";background:var(--teal-gradient);width:0;height:2px;transition:all var(--animation-duration)ease;opacity:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pricing-tag{color:#eab308;background-color:#eab30826;border:1px solid #eab3084d;border-radius:4px;align-items:center;margin-left:8px;padding:6px 12px;font-size:14px;font-weight:500;display:inline-flex}[data-theme=dark] .pricing-tag{color:#eab308;background-color:#eab30826}[data-theme=light] .pricing-tag{color:#a16207;background-color:#eab3081a}.breadcrumbs-container{border:1px solid var(--border-color);transition:background-color var(--animation-duration)ease,border-color var(--animation-duration)ease;background-color:#ffffff0d;border-radius:8px;margin-bottom:2rem;padding:.75rem 1rem}[data-theme=light] .breadcrumbs-container{background-color:#00a8a808;border-color:#c2eff0}.breadcrumbs{flex-wrap:wrap;align-items:center;font-size:.9rem;display:flex}.breadcrumb-separator{color:var(--text-secondary);-webkit-user-select:none;user-select:none;margin:0 .5rem}.breadcrumbs a{color:var(--primary-color);border-radius:4px;margin:-3px -6px;padding:3px 6px;text-decoration:none;transition:all .3s;position:relative}.breadcrumbs a:hover{color:var(--primary-color-light);background-color:var(--hover-bg);text-decoration:none}[data-theme=light] .breadcrumbs a{color:var(--primary-color-dark)}[data-theme=light] .breadcrumbs a:hover{color:var(--heading-aqua-dark);background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 5px #00a8a81a}[data-theme=light] .breadcrumbs a:after{content:"";background:var(--teal-gradient);opacity:0;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}[data-theme=light] .breadcrumbs a:hover:after{opacity:1;width:100%}.current-breadcrumb{color:var(--text-color);border-radius:4px;padding:3px 6px;font-weight:500}[data-theme=light] .current-breadcrumb{color:var(--heading-teal-dark);background-color:#00a8a80f}.popular-searches{border-radius:16px;margin:2.5rem 0;padding:1.5rem}[data-theme=dark] .popular-searches{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#4e4f5bb3;border:1px solid #ffffff14}[data-theme=light] .popular-searches{background-color:#fff;border:1px solid #e2e8f0cc;box-shadow:0 4px 20px #0000000d}.popular-searches-title{text-align:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}[data-theme=light] .popular-searches-title{color:#2d3748}.popular-search-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.popular-search-bottom-row{grid-template-columns:repeat(2,1fr);gap:12px;width:66%;margin:0 auto;display:grid}[data-theme=dark] .popular-search-item{color:#ecf0f1;background-color:#1e1f2db3;border:1px solid #ffffff0f}[data-theme=light] .popular-search-item{color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.popular-search-item{cursor:pointer;border-radius:12px;align-items:center;padding:14px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex}.popular-search-item:hover{transform:translateY(-5px)}[data-theme=dark] .popular-search-item:hover{background:linear-gradient(145deg,#4f46e526 0%,#ec489926 100%);border-color:#8b5cf680;box-shadow:0 8px 25px #0003}[data-theme=light] .popular-search-item:hover{background:linear-gradient(145deg,#14b8a614 0%,#06b6d414 100%);border-color:#14b8a666;box-shadow:0 8px 20px #00000014}[data-theme=dark] .popular-search-icon-wrapper{background-color:#ffffff14}[data-theme=light] .popular-search-icon-wrapper{background-color:#f7fafc}.popular-search-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;transition:all .3s;display:flex}.popular-search-icon{font-size:1.2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=dark] .popular-search-item:hover .popular-search-icon-wrapper{background:linear-gradient(145deg,#8b5cf64d 0%,#ec48994d 100%);box-shadow:0 0 15px #8b5cf666}[data-theme=light] .popular-search-item:hover .popular-search-icon-wrapper{background:linear-gradient(145deg,#14b8a633 0%,#06b6d433 100%);box-shadow:0 0 15px #14b8a633}.popular-search-item:hover .popular-search-icon{transform:scale(1.2)rotate(5deg)}.popular-search-text{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.popular-search-item[data-category=image] .popular-search-icon-wrapper{color:#ff5f7e}.popular-search-item[data-category=video] .popular-search-icon-wrapper{color:#ffa26b}.popular-search-item[data-category=text] .popular-search-icon-wrapper{color:#00c2a2}.popular-search-item[data-category=code] .popular-search-icon-wrapper{color:#6cbcff}.popular-search-item[data-category=audio] .popular-search-icon-wrapper{color:#ae8cfa}.popular-search-item[data-category=productivity] .popular-search-icon-wrapper{color:#54d2d2}.popular-search-item[data-category=chat] .popular-search-icon-wrapper{color:#ff8fb8}.popular-search-item[data-category=data] .popular-search-icon-wrapper{color:#36b37e}[data-theme=light] .popular-search-item[data-category=image] .popular-search-icon-wrapper{background-color:#ff5f7e1a}[data-theme=light] .popular-search-item[data-category=video] .popular-search-icon-wrapper{background-color:#ffa26b1a}[data-theme=light] .popular-search-item[data-category=text] .popular-search-icon-wrapper{background-color:#00c2a21a}[data-theme=light] .popular-search-item[data-category=code] .popular-search-icon-wrapper{background-color:#6cbcff1a}[data-theme=light] .popular-search-item[data-category=audio] .popular-search-icon-wrapper{background-color:#ae8cfa1a}[data-theme=light] .popular-search-item[data-category=productivity] .popular-search-icon-wrapper{background-color:#54d2d21a}[data-theme=light] .popular-search-item[data-category=chat] .popular-search-icon-wrapper{background-color:#ff8fb81a}[data-theme=light] .popular-search-item[data-category=data] .popular-search-icon-wrapper{background-color:#36b37e1a}@media (max-width:768px){.popular-search-grid{grid-template-columns:repeat(2,1fr)}.popular-search-bottom-row{grid-template-columns:repeat(2,1fr);width:100%}.popular-search-icon-wrapper{width:32px;height:32px}.popular-search-icon{font-size:1.1rem}.popular-search-text{font-size:.9rem}}@media (max-width:480px){.popular-search-grid{grid-template-columns:1fr}.popular-search-bottom-row{grid-template-columns:1fr;width:100%}}@media (max-width:768px){.container{box-sizing:border-box;width:100vw;max-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:clamp(16px,5vw,24px);padding-right:clamp(16px,5vw,24px)}.tools-grid,.categories-grid,.search-container,.hero-section,.cta-container{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:clamp(16px,5vw,24px);padding-right:clamp(16px,5vw,24px)}.tool-card,.category-card,.search-input,.button,.cta-button{width:100%;max-width:100%;margin-left:0;margin-right:0}.section-spacing{margin-top:clamp(16px,4vh,24px);margin-bottom:clamp(16px,4vh,24px)}h1,h2,h3,p,.text-center{text-align:center;width:100%}body{width:100%;overflow-x:clip}.tools-grid,.categories-grid{grid-template-columns:1fr;gap:clamp(16px,4vw,24px);display:grid}.button-container,.input-container{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}@media (max-width:768px){.container,.section,.hero-section,.tools-section,.search-section{box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:clamp(16px,5vw,24px);padding-right:clamp(16px,5vw,24px)}.tools-grid,.categories-grid{grid-template-columns:1fr;gap:clamp(16px,4vw,24px);width:100%;padding:0;display:grid}.flex-container,.cta-container,.search-container,.header-container{flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,4vw,24px);width:100%;display:flex}.button,.search-input,.cta-button{width:100%;max-width:100%;margin:0}h1,h2,h3,p{text-align:center;width:100%;margin-left:0;margin-right:0}.card,.tool-card,.category-card{box-sizing:border-box;width:100%;margin:0;padding:clamp(16px,4vw,24px)}}[data-theme=light] .filter-tabs{background-color:#00000026;border-color:#0000001a;box-shadow:0 1px 3px #0000001a}[data-theme=light] .filter-tab{text-shadow:0 1px 2px #0003;font-weight:500;color:#fff!important}[data-theme=light] .filter-tab:not(.active){background-color:#00000080}[data-theme=light] .filter-tab.active{font-weight:600;box-shadow:0 1px 3px #0003;background-color:var(--primary-color)!important;color:#fff!important}[data-theme=light] .filter-tabs-container .filter-tabs .filter-tab{color:#fff!important}[data-theme=light] .filter-tabs-container .filter-tabs .filter-tab.active{color:#fff!important;background-color:var(--primary-color)!important}@media (max-width:768px){.main-nav{display:none}.mobile-menu-button{cursor:pointer;background:0 0;border:none;width:40px;height:40px;margin-left:auto;padding:0;display:block;position:relative}.mobile-menu-icon{background:currentColor;width:24px;height:2px;margin:auto;position:relative}.mobile-menu-icon:before,.mobile-menu-icon:after{content:"";background:currentColor;width:24px;height:2px;position:absolute;left:0}.mobile-menu-icon:before{top:-8px}.mobile-menu-icon:after{bottom:-8px}.mobile-menu{background:var(--bg-color,white);padding:1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 2px 8px #0000001a}.mobile-menu.active{display:block}.mobile-nav{flex-direction:column;gap:1rem;display:flex}.mobile-nav a{color:var(--text-color);border-radius:4px;padding:.75rem 1rem;text-decoration:none}}@media (min-width:769px){.mobile-menu-button,.mobile-menu,.mobile-nav{display:none!important}.main-nav{display:flex!important}}@media (max-width:768px){.main-nav,.desktop-nav{visibility:hidden;opacity:0;pointer-events:none;display:none!important}.header-content{justify-content:space-between;align-items:center;width:100%;padding:0 1rem;display:flex}.mobile-menu-button{cursor:pointer;z-index:50;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;margin-right:1rem;display:flex!important}.mobile-menu{background-color:var(--bg-color);z-index:40;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px #0000001a}.mobile-menu.active{display:block}.mobile-nav{flex-direction:column;padding:1rem;display:flex}.mobile-nav a{color:var(--text-color);border-radius:8px;padding:1rem;text-decoration:none;transition:background-color .2s}}@media (min-width:769px){.mobile-menu-button,.mobile-menu{visibility:hidden;pointer-events:none;display:none!important}.main-nav{display:flex!important}}[data-theme=light] .popular-categories-section *{color:#1f2937!important}[data-theme=light] .popular-categories-section .categories-sidebar{background:#fff!important;border:1px solid #d1d5db!important;box-shadow:0 4px 15px #00000014!important}[data-theme=light] .popular-categories-section .category-item{color:#1f2937!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .popular-categories-section .category-item:hover{background:#f1f5f9!important;border-color:#94a3b8!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=light] .popular-categories-section .category-item.active{background:#fff!important;border:1px solid #64748b!important;box-shadow:0 4px 12px #0000001f!important}[data-theme=light] .popular-categories-section .category-content h3{color:#0f172a!important;font-weight:700!important}[data-theme=light] .popular-categories-section .tool-count{color:#475569!important;background:#e2e8f0!important;border:1px solid #cbd5e1!important;font-weight:600!important}[data-theme=light] .popular-categories-section .category-arrow{color:#64748b!important}[data-theme=light] .popular-categories-section .category-item:hover .category-arrow,[data-theme=light] .popular-categories-section .category-item.active .category-arrow{color:#334155!important}[data-theme=light] .popular-categories-section .category-details-panel{background:#fff!important;border:1px solid #d1d5db!important;box-shadow:0 4px 15px #00000014!important}[data-theme=light] .popular-categories-section .details-header{border-bottom:1px solid #e5e7eb!important}[data-theme=light] .popular-categories-section .details-emoji{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .popular-categories-section .details-text h3{color:#0f172a!important;font-weight:800!important}[data-theme=light] .popular-categories-section .details-text p{color:#374151!important;font-weight:500!important}[data-theme=light] .popular-categories-section .achievements-section h4{color:#0f172a!important;font-weight:700!important}[data-theme=light] .popular-categories-section .achievement-item{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .popular-categories-section .achievement-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .popular-categories-section .achievement-item span:last-child{color:#374151!important;font-weight:500!important}[data-theme=light] .popular-categories-section .featured-tools-section h4{color:#0f172a!important;font-weight:700!important}[data-theme=light] .popular-categories-section .view-all-link{color:#fff!important;background:#4f46e5!important;border:1px solid #4f46e5!important;font-weight:600!important}[data-theme=light] .popular-categories-section .view-all-link:hover{background:#4338ca!important;border-color:#4338ca!important}[data-theme=light] .popular-categories-section .tool-preview-card{background:#f8fafc!important;border:1px solid #e2e8f0!important}[data-theme=light] .popular-categories-section .tool-preview-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .popular-categories-section .tool-header h5{color:#0f172a!important;font-weight:700!important}[data-theme=light] .popular-categories-section .try-button{color:#fff!important;background:#10b981!important;border:1px solid #10b981!important;font-weight:600!important}[data-theme=light] .popular-categories-section .try-button:hover{background:#059669!important;border-color:#059669!important}[data-theme=light] .popular-categories-section .tool-preview-card p{color:#4b5563!important;font-weight:400!important}[data-theme=light] .popular-categories-section .empty-state{color:#6b7280!important}[data-theme=light] .popular-categories-section .empty-state h3{color:#1f2937!important;font-weight:700!important}[data-theme=light] .popular-categories-section .empty-state p{color:#4b5563!important;font-weight:400!important}[data-theme=light] .popular-categories-section .category-item.blue.active{background:#f0f9ff!important;border-color:#3b82f6!important}[data-theme=light] .popular-categories-section .category-item.green.active{background:#f0fdf4!important;border-color:#10b981!important}[data-theme=light] .popular-categories-section .category-item.purple.active{background:#faf5ff!important;border-color:#8b5cf6!important}[data-theme=light] .popular-categories-section .category-item.pink.active{background:#fdf2f8!important;border-color:#ec4899!important}[data-theme=light] .popular-categories-section .category-item.orange.active{background:#fffbeb!important;border-color:#f59e0b!important}[data-theme=light] .popular-categories-section .category-item.teal.active{background:#f0fdfa!important;border-color:#14b8a6!important}[data-theme=light] .popular-categories-section .carousel-pagination .pagination-dot{background:0 0!important;border:2px solid #374151!important;width:12px!important;height:12px!important;transition:all .3s!important}[data-theme=light] .popular-categories-section .carousel-pagination .pagination-dot:hover{background:#3741511a!important;border-color:#111827!important;transform:scale(1.1)!important}[data-theme=light] .popular-categories-section .carousel-pagination .pagination-dot.active{background:#374151!important;border-color:#111827!important;transform:scale(1.3)!important}[data-theme=light] .popular-categories-section .modern-tool-card{background:#fff!important;border:2px solid #374151!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .popular-categories-section .modern-tool-card:hover{background:#f9fafb!important;border-color:#111827!important;transform:translateY(-4px)!important;box-shadow:0 12px 24px #00000026!important}[data-theme=light] .popular-categories-section .tool-header-section .tool-title{color:#111827!important;font-weight:700!important}[data-theme=light] .popular-categories-section .featured-badge{color:#2563eb!important;background:#2563eb1a!important;border:1px solid #2563eb!important;font-weight:600!important}[data-theme=light] .popular-categories-section .tool-description{color:#4b5563!important;font-weight:500!important}[data-theme=light] .popular-categories-section .tool-btn.visit-tool{color:#374151!important;background-color:#0000!important;border:2px solid #374151!important;font-weight:600!important}[data-theme=light] .popular-categories-section .tool-btn.visit-tool:hover{color:#fff!important;background-color:#374151!important;border-color:#111827!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #37415140!important}[data-theme=light] .popular-categories-section .tool-btn.view-details{color:#fff!important;background-color:#2563eb!important;border:2px solid #2563eb!important;font-weight:600!important}[data-theme=light] .popular-categories-section .tool-btn.view-details:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #2563eb4d!important}[data-theme=light] .popular-categories-section .modern-carousel-container{background:#00000005!important;border:1px solid #e5e7eb!important;border-radius:12px!important}[data-theme=light] .popular-categories-section .modern-tool-card.loading-state{opacity:.7!important;background:#f9fafb!important;border:2px dashed #9ca3af!important}[data-theme=light] .popular-categories-section .tool-btn.disabled{color:#9ca3af!important;cursor:not-allowed!important;background:#f3f4f6!important;border-color:#d1d5db!important}[data-theme=light] .popular-categories-section .details-header{border-bottom:2px solid #e5e7eb!important;padding-bottom:20px!important}[data-theme=light] .popular-categories-section .details-emoji{color:#374151!important;background:#f3f4f6!important;border:2px solid #d1d5db!important}[data-theme=light] .popular-categories-section .achievement-item{color:#374151!important;background:#f8fafc!important;border:2px solid #e2e8f0!important}[data-theme=light] .popular-categories-section .achievement-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translate(3px)!important}[data-theme=light] .popular-categories-section .tools-available{color:#1e40af!important;background:#dbeafe!important;border:1px solid #2563eb!important;font-weight:600!important}[data-theme=light] .popular-categories-section .auto-pause-btn{color:#374151!important;background:#fff!important;border:2px solid #d1d5db!important}[data-theme=light] .popular-categories-section .auto-pause-btn:hover{color:#111827!important;background:#f3f4f6!important;border-color:#9ca3af!important}[data-theme=light] .popular-categories-section .auto-pause-btn.paused{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}@media (max-width:768px){[data-theme=light] .popular-categories-section .carousel-pagination .pagination-dot{border-width:1.5px!important;width:10px!important;height:10px!important}[data-theme=light] .popular-categories-section .modern-tool-card{border-width:1.5px!important}[data-theme=light] .popular-categories-section .tool-btn.visit-tool,[data-theme=light] .popular-categories-section .tool-btn.view-details{border-width:1.5px!important;font-size:11px!important}}@media (max-width:480px){[data-theme=light] .popular-categories-section .carousel-pagination .pagination-dot{border-width:1px!important;width:8px!important;height:8px!important}}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}