/* Expertwiz Main Stylesheet */

/* --- Base Layout --- */
:root {
    --primary-gradient: linear-gradient(90deg, #1D74BB, #0ea5e9);
    --accent-gradient: linear-gradient(90deg, #ED344F, #f97316);
    --text-gradient: linear-gradient(90deg, #1D74BB, #1D74BB);
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* --- Hero & Section Backgrounds --- */
.hero-bg {
    background: radial-gradient(1200px circle at 10% 20%, rgba(29, 116, 187, 0.18), transparent 45%),
        radial-gradient(900px circle at 90% 10%, rgba(237, 52, 79, 0.18), transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

.soft-bg {
    background: radial-gradient(1200px circle at 10% 10%, rgba(29, 116, 187, 0.12), transparent 45%),
        radial-gradient(900px circle at 90% 10%, rgba(237, 52, 79, 0.12), transparent 50%),
        #F7F9FC;
}

/* --- Components --- */

/* Card Styles */
.card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 1.25rem;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
}

/* Gradient Text */
.grad-text {
    background: var(--text-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* Buttons */
.btn-primary {
    background: var(--primary-gradient);
}

.btn-accent {
    background: var(--accent-gradient);
}

/* Filter Buttons (Portfolio) */
.filter-btn.active {
    background-color: #1D74BB;
    color: #ffffff;
}



/* About Page Skews */
.skew-bg {
    transform: skewY(-2deg);
}

.skew-content {
    transform: skewY(2deg);
}