.tools-page{min-height:100vh;background:linear-gradient(135deg,var(--purple-glass) 0,var(--blue-glass) 50%,var(--green-glass) 100%)}.tools-hero{position:relative;overflow:hidden}.tools-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tools-grid-section{background:var(--background)}.tool-card{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--purple) 0,var(--blue) 50%,var(--green) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-spring)}.tool-card:hover:before{transform:scaleX(1)}.tool-icon{display:inline-flex;align-items:center;justify-content:center}.benefit-card{transition:all .3s var(--ease-spring)}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glass-lg)}.benefit-icon{display:inline-flex;align-items:center;justify-content:center}@media (max-width:768px){.tools-hero h1{font-size:2.5rem}.tools-hero p{font-size:1rem}.tools-grid-section .grid{grid-template-columns:1fr}}