:root{--color-bg: #fafafa;--color-bg-alt: #ffffff;--color-text: #1a1a2e;--color-text-muted: #64748b;--color-accent: #0ea5e9;--color-accent-hover: #0284c7;--color-border: #e2e8f0;--color-card: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 960px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--radius: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--transition: .2s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--color-card: #1e293b}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section--hero{padding-top:6rem;padding-bottom:var(--spacing-xl)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fafafae6;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}@media(prefers-color-scheme:dark){.header{background:#0f172ae6}}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header__logo{font-weight:700;font-size:1.125rem;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.header__logo:hover{color:var(--color-accent)}.header__nav{display:flex;align-items:center;gap:var(--spacing-md)}.header__nav a{color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition)}.header__nav a:hover{color:var(--color-text)}.hero{text-align:center;max-width:680px;margin:0 auto}.hero__title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:var(--spacing-sm);line-height:1.2}.hero__subtitle{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.section__title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.section__divider{width:40px;height:3px;background:var(--color-accent);margin-bottom:var(--spacing-lg);border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.category-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition);text-decoration:none;color:inherit}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit;border-color:var(--color-accent)}.category-card__icon{flex-shrink:0;width:44px;height:44px;background:#0ea5e91a;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.category-card__content{flex:1;min-width:0}.category-card__name{font-weight:600;font-size:1rem;margin-bottom:.125rem;color:var(--color-text)}.category-card__count{font-size:.8rem;color:var(--color-text-muted)}.tools-grid{display:grid;gap:var(--spacing-md)}.tool-card{display:flex;gap:var(--spacing-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);transition:all var(--transition)}.tool-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card__icon{flex-shrink:0;width:48px;height:48px;background:var(--color-bg);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.tool-card__content{flex:1}.tool-card__header{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:.25rem}.tool-card__name{font-weight:600}.tool-card__description{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-xs)}.tool-card__link{font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:100px;font-size:.65rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.badge--free{background:#22c55e1a;color:#16a34a}.badge--freemium{background:#0ea5e91a;color:#0ea5e9}.badge--paid{background:#a855f71a;color:#a855f7}.badge--recommended{background:#f59e0b1f;color:#d97706}@media(prefers-color-scheme:dark){.badge--free{background:#22c55e26;color:#4ade80}.badge--freemium{background:#0ea5e926;color:#38bdf8}.badge--paid{background:#a855f726;color:#c084fc}.badge--recommended{background:#f59e0b26;color:#fbbf24}}.affiliate-notice{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-sm);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.search-wrapper{max-width:480px;margin:0 auto var(--spacing-lg);position:relative}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;font-family:var(--font-sans);background:var(--color-card);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0ea5e91a}.search-input::placeholder{color:var(--color-text-muted)}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:320px;overflow-y:auto;z-index:50;display:none}.search-results.active{display:block}.search-result-item{display:block;padding:.75rem 1rem;color:var(--color-text);border-bottom:1px solid var(--color-border);transition:background var(--transition);text-decoration:none}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg);color:var(--color-text)}.search-result-item__name{font-weight:600;font-size:.9rem}.search-result-item__category{font-size:.75rem;color:var(--color-text-muted)}.search-no-results{padding:1rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.footer{padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:.875rem}.footer a{color:var(--color-text-muted)}.footer a:hover{color:var(--color-accent)}.footer__links{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.page-content{max-width:720px;margin:0 auto}.page-content h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:var(--spacing-md)}.page-content h2{font-size:1.25rem;font-weight:700;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.page-content p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.page-content ul{color:var(--color-text-muted);padding-left:1.5rem;margin-bottom:var(--spacing-md)}.page-content li{margin-bottom:var(--spacing-xs)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.back-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.back-link:hover{color:var(--color-accent)}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition)}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.menu-toggle{display:flex;z-index:101}.header__nav{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--color-bg);flex-direction:column;padding:80px var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md);transition:right .3s ease;box-shadow:-4px 0 20px #0000001a}.header__nav.active{right:0}.header__nav a{font-size:1.1rem;padding:var(--spacing-xs) 0}.section--hero{padding-top:5rem}.hero__title{font-size:1.75rem}.hero__subtitle{font-size:1rem}.category-grid{grid-template-columns:1fr}.tool-card{flex-direction:column}.footer__links{flex-wrap:wrap}}.nav-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.nav-overlay.active{display:block}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--color-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #0000001a;padding:var(--spacing-md) 0;transform:translateY(100%);transition:transform .4s ease}.cookie-banner.visible{transform:translateY(0)}.cookie-banner__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.cookie-banner__text{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin:0}.cookie-banner__text a{color:var(--color-accent);text-decoration:underline}.cookie-banner__actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.cookie-banner__btn{padding:.5rem 1.25rem;border-radius:var(--radius);font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);border:1px solid transparent}.cookie-banner__btn--accept{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.cookie-banner__btn--accept:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.cookie-banner__btn--decline{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.cookie-banner__btn--decline:hover{color:var(--color-text);border-color:var(--color-text-muted)}@media(prefers-color-scheme:dark){.cookie-banner{box-shadow:0 -4px 20px #0000004d}}@media(max-width:768px){.cookie-banner__inner{flex-direction:column;text-align:center}.cookie-banner__actions{width:100%;justify-content:center}.cookie-banner__btn{flex:1}}