.container{max-width:1200px;position:relative}h1{font-size:32px;margin:0 0 10px 0;font-weight:800}.subtitle{font-size:16px;margin:0 auto 20px;max-width:800px}.lang-selector{position:absolute;top:20px;right:20px;z-index:1000}.lang-selector select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px;cursor:pointer;outline:none;min-width:120px}.lang-selector select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,120,255,0.15)}header{text-align:center;margin-bottom:40px;padding-top:60px}.search{max-width:600px;margin:0 auto;position:relative}.search input{width:100%;padding:14px 44px 14px 16px;border:1px solid var(--border);border-radius:999px;outline:none;background:#fff;font-size:16px;color:var(--text);box-shadow:var(--shadow)}.search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,120,255,0.15)}.search .icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:30px}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;cursor:pointer;text-decoration:none;color:inherit}.tool-card:hover{transform:translateY(-2px);border-color:#d7dfeb;box-shadow:0 6px 20px rgba(0,0,0,0.08)}.tool-card h3{margin:0 0 8px 0;font-size:18px;display:flex;align-items:center;gap:8px}.tool-card .desc{color:var(--muted);font-size:14px;flex:1;margin-bottom:10px}.tool-card .tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f0f3f9;color:#3a4a5f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.section-title{text-align:left;margin:30px 0 10px 4px;color:#5c7080;font-size:14px;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.about{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-top:40px}.about h2{margin:0 0 8px 0;font-size:20px}.about p{margin:0;color:var(--muted)}footer{margin:60px 0 20px}@media (max-width:600px){.lang-selector{position:relative;top:auto;right:auto;text-align:center;margin-bottom:20px}header{padding-top:20px}}