/* Custom animations and gradients for tools */
@keyframes pulseGlow {
    0% { opacity: 0.7; }
    100% { opacity: 1; }
}

.bento-bg-1 {
    position: absolute;
    top: 25%;
    left: 20%;
    width: 24rem;
    height: 24rem;
    background: #a78bfa33;
    border-radius: 9999px;
    filter: blur(80px);
    animation: pulseGlow 4s infinite alternate;
    z-index: 0;
}

.bento-bg-2 {
    position: absolute;
    bottom: 20%;
    right: 20%;
    width: 24rem;
    height: 24rem;
    background: #f472b633;
    border-radius: 9999px;
    filter: blur(80px);
    animation: pulseGlow 4s 2s infinite alternate;
    z-index: 0;
}

.tool-card {
    transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

.tool-card:hover {
    transform: translateY(-6px) scale(1.03) rotate(-1deg);
    box-shadow: 0 8px 32px 0 rgba(80, 0, 200, 0.18), 0 1.5px 8px 0 rgba(0,0,0,0.10);
    filter: brightness(1.08) saturate(1.2);
}

.gradient-text {
    background: linear-gradient(90deg, #e879f9 0%, #818cf8 50%, #fbbf24 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Toolbar buttons for markdown editor */
.toolbar-btn {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.15s;
}

.toolbar-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Prose styles for markdown preview */
.prose {
    max-width: 100%;
}