:root{--bg:#050816;--card-bg:#0b1020;--card-border:#23263a;--accent:#4f46e5;--accent-soft:rgba(79,70,229,0.15);--text-main:#f9fafb;--text-subtle:#9ca3af}.tools-page{margin-top:100px;min-height:100vh;padding:32px 40px;color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.tools-title{font-size:28px;font-weight:650;margin:0 0 4px}.tools-subtitle{margin:0 0 24px;color:var(--text-subtle);font-size:14px}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:30px}.tool-card{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgba(31,41,55,.9),rgba(17,24,39,.96));border-radius:16px;border:1px solid var(--card-border);padding:16px 16px 24px;box-shadow:0 18px 45px rgba(15,23,42,.7);position:relative;overflow:hidden;cursor:default;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out,background .16s ease-out}.tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(79,70,229,.35),transparent 55%);opacity:0;pointer-events:none;transition:opacity .16s ease-out}.tool-card:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 22px 55px rgba(15,23,42,.9);border-color:var(--accent);background:linear-gradient(135deg,rgba(17,24,39,.98),rgba(15,23,42,1))}.tool-card:hover:before{opacity:1}.tool-image{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at 30% 0,#4f46e5,#0ea5e9);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 10px 25px rgba(37,99,235,.55)}.tool-image-placeholder{font-weight:700;font-size:18px;color:#e5e7eb}.tool-body{flex:1;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.tool-title{font-size:16px;font-weight:600;margin:0}.tool-vendor{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc}.tool-description{margin:4px 0 0;font-size:13px;line-height:1.4;color:var(--text-subtle)}.tool-footer{display:flex;justify-content:flex-end}.tool-button{padding:6px 14px;font-size:13px;font-weight:500;border-radius:999px;border:1px solid transparent;background:var(--accent-soft);color:#e0e7ff;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .14s ease-out,border-color .14s ease-out,transform .12s ease-out,box-shadow .14s ease-out}.tool-button:after{content:"↗";font-size:12px}.tool-button:hover{background:var(--accent);border-color:rgba(191,219,254,.7);box-shadow:0 8px 22px rgba(37,99,235,.65);transform:translateY(-1px)}.tool-button:active{transform:translateY(0);box-shadow:0 4px 14px rgba(30,64,175,.7)}@media (max-width:640px){.tools-page{padding:20px 16px 24px}.tools-title{font-size:22px}.tools-subtitle{font-size:13px}}