body {
    background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
    min-height: 100vh;
    color: #e2e8f0;
}
.gradient-text {
    background: linear-gradient(135deg, #4299e1, #9f7aea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transition: all 0.2s ease-in-out;
}
.tool-card {
    background: rgba(45, 55, 72, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(160, 174, 192, 0.2);
}
/* Add will-change for elements with animations to improve rendering performance */
.transition {
    will-change: transform;
}
/* Add content-visibility to improve rendering performance */
.content-defer {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}