.tool-card{text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:.75rem;min-height:180px;padding:1rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.tool-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.tool-icon-wrapper{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.video-tool{background:linear-gradient(135deg,#10b981 0%,#06b6d4 100%)}.diff-tool{background:linear-gradient(135deg,#8b5cf6 0%,#d946ef 100%)}.sql-tool{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%)}.tool-info{flex-direction:column;flex:1;display:flex}.tool-info h3{color:#fff;letter-spacing:-.3px;margin:0 0 .3rem;font-size:1.1rem;font-weight:800}.tool-info p{color:#ffffff80;margin-bottom:1rem;font-size:.8rem;line-height:1.4}.tool-btn{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-self:flex-start;margin-top:auto;padding:.4rem 1rem;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.tool-card:hover .tool-btn{background:var(--btn-gradient);color:#fff;box-shadow:var(--btn-shadow);border-color:#0000;transform:translateY(-2px)}