@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main{min-height:100vh;position:relative}.content{max-width:1200px;margin:0 auto;padding:20px}.title{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.5rem;font-weight:700;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.server-rendered-tools{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-container{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin:20px 0;display:flex}.tool-card{border-radius:8px;transition:all .3s;overflow:hidden}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.ad-container{border-radius:8px;margin:20px 0;transition:all .3s;overflow:hidden}.ad-container:hover{box-shadow:0 4px 15px #0000001a}@media (max-width:768px){.content{padding:15px}.title{margin-bottom:1.5rem;font-size:2rem}.loading-container{min-height:150px}}@media (max-width:480px){.content{padding:10px}.title{margin-bottom:1rem;font-size:1.5rem}.loading-container{min-height:120px}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tool-card,.ad-container,.loading-container{will-change:transform}.main{scroll-behavior:smooth}img{object-fit:cover}