.tool-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-decoration:none;transition:all .35s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.tool-card:hover,.tool-card--hovered{border-color:#cbd5e0;transform:translateY(-6px);box-shadow:0 20px 40px #00000014,0 8px 16px #0000000a}.tool-card__accent{opacity:.85;width:100%;height:3px;transition:all .3s;position:absolute;top:0;left:0}.tool-card:hover .tool-card__accent{opacity:1;height:4px}.tool-card__status{background:#48bb78;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 0 6px #48bb7866}@keyframes pulse{0%,to{box-shadow:0 0 6px #48bb7866}50%{box-shadow:0 0 12px #48bb78b3}}.tool-card__logo{object-fit:contain;border-radius:12px;width:56px;height:56px;margin-bottom:1.2rem;transition:transform .3s}.tool-card:hover .tool-card__logo{transform:scale(1.05)}.tool-card__icon{color:#fff;letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.2rem;font-size:1rem;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 4px 12px #0000001a}.tool-card:hover .tool-card__icon{transform:scale(1.05)}.tool-card__name{color:#2d3748;margin-bottom:.5rem;font-size:1.35rem;font-weight:600}.tool-card__description{color:#718096;margin-bottom:1.2rem;font-size:.9rem;line-height:1.6}.tool-card__footer{justify-content:space-between;align-items:center;display:flex}.tool-card__url{color:#667eea;opacity:.7;font-size:.8rem;transition:opacity .3s}.tool-card:hover .tool-card__url{opacity:1}.tool-card__arrow{color:#667eea;opacity:0;width:20px;height:20px;transition:all .3s;transform:translate(-8px)}.tool-card:hover .tool-card__arrow{opacity:1;transform:translate(0)}.app{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.header-content{margin-bottom:2rem}.title{background:linear-gradient(90deg,#2d3748,#4a5568);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:flex}.subtitle{color:#718096;letter-spacing:.5px;font-size:1.1rem}.search-container{max-width:400px;margin:0 auto;position:relative}.search-input{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.85rem 1.2rem .85rem 2.8rem;font-size:.95rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}.search-input::placeholder{color:#a0aec0}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 1px 3px #0000000d}.search-icon{color:#a0aec0;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.tools-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.no-results{text-align:center;color:#718096;grid-column:1/-1;padding:3rem;font-size:1.1rem}.loading{text-align:center;color:#718096;grid-column:1/-1;padding:3rem}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;grid-column:1/-1;padding:3rem}.error-detail{color:#718096;margin-top:.5rem;font-size:.85rem}.footer{text-align:center;color:#a0aec0;border-top:1px solid #e2e8f0;margin-top:3rem;padding:1.5rem 0;font-size:.85rem}@media (width<=768px){.app{padding:1rem}.title{font-size:1.8rem}.tools-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa 0%,#e4e9f2 50%,#f0f2f5 100%);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}