.tools-container{max-width:1200px;margin:auto;padding:70px 20px;animation:.8s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tools-header{text-align:center;margin-bottom:60px}.tools-title{background:linear-gradient(90deg,#2563eb,#9333ea);color:#0000;-webkit-background-clip:text;margin-bottom:10px;font-size:42px;font-weight:700}.tools-subtitle{color:#6b7280;max-width:500px;margin:auto;font-size:16px}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.tool-card{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;gap:10px;padding:26px;transition:all .35s;display:flex;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-10px);box-shadow:0 20px 45px #0000001f}.tool-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.tool-name{font-size:19px;font-weight:600}.tool-desc{color:#666;font-size:14px;line-height:1.45}.tool-open{color:#2563eb;opacity:0;margin-top:6px;font-size:14px;font-weight:500;transition:all .3s;transform:translate(-10px)}.tool-card:hover .tool-open{opacity:1;transform:translate(0)}.tool-card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#fff6,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.tool-card:hover:before{opacity:1;left:100%}