:root{--bg-color:#f9fafb;--card-bg:#fff;--header-bg:#fff;--text-main:#111827;--text-muted:#4b5563;--primary:#2563eb;--primary-hover:#1d4ed8;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--border-color:#f3f4f6;--empty-bg:#f3f4f6;--empty-border:#d1d5db}@media (prefers-color-scheme:dark){:root{--bg-color:#111827;--card-bg:#1f2937;--header-bg:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--primary:#3b82f6;--primary-hover:#60a5fa;--card-shadow:0 4px 6px -1px #0000004d;--card-shadow-hover:0 10px 15px -3px #0006;--border-color:#374151;--empty-bg:#111827;--empty-border:#4b5563}}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:var(--header-bg);text-align:center;border-bottom:1px solid var(--border-color);padding:1.5rem 0;box-shadow:0 1px 2px #0000000d}.header-content{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (width>=640px){.header-content{text-align:left;flex-direction:row;justify-content:space-between}}header h1{color:var(--primary);letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:800}header p{color:var(--text-muted);margin-top:.5rem;font-size:1rem}.lang-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background-color:#0000;border-radius:.5rem;padding:.4rem .8rem;font-size:.875rem;font-weight:600;transition:all .2s}.lang-btn:hover{background-color:var(--primary);color:#fff}main{padding:4rem 0}.tools-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color);border-radius:1rem;flex-direction:column;padding:2rem;transition:transform .2s,box-shadow .2s,background-color .3s;display:flex}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.card-icon{color:var(--primary);margin-bottom:1.25rem}.card-icon svg{width:3rem;height:3rem}.card h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.card p{color:var(--text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:1rem}.btn{background-color:var(--primary);color:#fff;text-align:center;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.btn:hover{background-color:var(--primary-hover)}.card-empty{background-color:var(--empty-bg);border:2px dashed var(--empty-border);text-align:center;color:var(--text-muted);border-radius:1rem;justify-content:center;align-items:center;min-height:250px;padding:2rem;font-style:italic;display:flex}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:4rem;padding:3rem 0}footer a{color:var(--primary);font-weight:500;text-decoration:none}footer a:hover{text-decoration:underline}