/* /assets/css/style.css */

/* Global Background and Typography */
body {
    background-color: #0d0f12; 
    background-image: 
        radial-gradient(circle at 15% 0%, rgba(26, 115, 232, 0.08) 0%, transparent 40%),
        radial-gradient(circle at 85% 100%, rgba(114, 212, 121, 0.05) 0%, transparent 40%);
    background-attachment: fixed;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Card Outlines & Hover Glow Effects */
.card-outline {
    border-width: 1px;
    border-style: solid;
    transition: all 0.3s ease-in-out;
}

/* Add a subtle lift and glow when hovering over the pricing/profile cards */
.card-outline:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

/* Specific glows based on border color */
.hover\:border-blue-500:hover {
    box-shadow: 0 0 20px -5px rgba(59, 130, 246, 0.4);
}

.hover\:border-green-500:hover {
    box-shadow: 0 0 20px -5px rgba(34, 197, 94, 0.4);
}

.hover\:border-blue-400:hover {
    box-shadow: 0 0 25px -5px rgba(96, 165, 250, 0.5);
}

/* Tool/Add-on cards hover effect */
.border-blue-500\/30 {
    transition: all 0.3s ease;
}
.border-blue-500\/30:hover {
    border-color: rgba(59, 130, 246, 0.7);
    background-color: #1a1d24;
}

.border-green-500\/30 {
    transition: all 0.3s ease;
}
.border-green-500\/30:hover {
    border-color: rgba(34, 197, 94, 0.7);
    background-color: #1a1d24;
}

/* Custom CTA Button Pulse */
.shadow-blue-500\/25 {
    transition: all 0.3s ease;
}
.shadow-blue-500\/25:hover {
    box-shadow: 0 0 20px 0 rgba(37, 99, 235, 0.5);
    transform: translateY(-2px);
}