:root{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#fff;--bg-tag:#f1f5f9;--bg-tag-hover:#e2e8f0;--bg-icon:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-brand:#2563eb;--border-color:#e2e8f0;--border-card:#e2e8f0;--border-card-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.04);--shadow-card:0 1px 3px 0 rgba(0,0,0,.05), 0 1px 2px -1px rgba(0,0,0,.03);--shadow-card-hover:0 10px 20px -4px rgba(37,99,235,.1), 0 4px 6px -2px rgba(0,0,0,.03);--radius-lg:16px;--radius-md:14px;--radius-sm:8px;--radius-pill:9999px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-main);min-height:100vh;padding:24px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:900px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto;overflow:visible}.language-switcher{text-align:right;border:1px solid var(--border-color);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#fff;border-bottom:none;justify-content:flex-end;align-items:center;gap:10px;padding:12px 24px;display:flex}.language-switcher a{color:var(--text-secondary);border-radius:var(--radius-pill);border:1px solid var(--border-color);background-color:#f8fafc;padding:5px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.language-switcher a:hover{color:var(--text-brand);background-color:#eff6ff;border-color:#bfdbfe}.language-switcher a.active{color:var(--text-brand);background-color:#eff6ff;border-color:#93c5fd;font-weight:600}.header{text-align:center;border:1px solid var(--border-color);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fff 0%,#f0fdf4 50%,#eff6ff 100%);margin-bottom:28px;padding:36px 28px 28px}.header-badge{color:var(--text-brand);border-radius:var(--radius-pill);background:#eff6ff;border:1px solid #dbeafe;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.header h1{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:8px;font-size:2.25rem;font-weight:800}.header h1 span{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.header .subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1rem;font-weight:400}.content{padding:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:10px;font-size:1.35rem;font-weight:700;display:flex}.section-title:before{content:"";background:var(--text-brand);border-radius:2px;width:4px;height:18px;display:inline-block}.tools-count{color:var(--text-muted);font-size:.85rem;font-weight:500}.tools-grid{grid-template-columns:1fr;gap:16px;display:grid}.tool-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-card);box-shadow:var(--shadow-card);flex-direction:column;padding:20px 22px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tool-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-card-hover);transform:translateY(-2px)}.tool-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.tool-icon{background:var(--bg-icon);border-radius:var(--radius-sm);border:1px solid #dbeafe;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.25rem;display:flex}.tool-title-link{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.4;text-decoration:none;transition:color .2s}.tool-title-link:hover{color:var(--text-brand)}.tool-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{background-color:var(--bg-tag);color:var(--text-secondary);border-radius:var(--radius-pill);border:1px solid var(--border-color);padding:2px 9px;font-size:.75rem;font-weight:500;transition:background-color .2s}.tag:hover{background-color:var(--bg-tag-hover)}.tag-accent{color:#1d4ed8;background-color:#eff6ff;border-color:#dbeafe}.tool-description{color:var(--text-secondary);flex-grow:1;margin-bottom:14px;font-size:.875rem;line-height:1.5}.tool-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-start;align-items:center;margin-top:auto;padding-top:12px;font-size:.8rem;display:flex}.open-link-btn{color:var(--text-brand);align-items:center;gap:4px;font-size:.825rem;font-weight:600;text-decoration:none;transition:gap .2s;display:inline-flex}.ad-card{grid-column:1/-1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;padding:0;display:flex}.ad-card:empty,ins.adsbygoogle[data-ad-status=unfilled]{height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important}.ad-card:has(ins[data-ad-status=unfilled]){height:0!important;min-height:0!important;margin:0!important;padding:0!important;display:none!important}.footer{text-align:center;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:20px 24px;font-size:.85rem;display:flex}.footer-nav{gap:12px;display:flex}.footer a{color:var(--text-brand);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){body{padding:12px 10px}.header{margin-bottom:20px;padding:28px 18px 22px}.header h1{font-size:1.85rem}.tools-grid{gap:14px}.tool-card{border-radius:12px;padding:16px 18px}.language-switcher{padding:10px 18px}}@media (max-width:480px){.header h1{font-size:1.65rem}.header .subtitle{font-size:.9rem}.tool-card{padding:14px 16px}}