.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.7),
            rgba(0, 0, 0, 0.7));
    padding: 6rem 0 4rem;
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
}

.hero-video.active {
    opacity: 1;
}

html[data-theme="dark"] .hero {
    background: linear-gradient(rgba(0, 0, 0, 0.8),
            rgba(0, 0, 0, 0.8));
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Section Header */
.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1;
    padding: 6rem 0 2rem;
}

.section-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(59, 130, 246, 0.9);
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 2rem;
    border: 1px solid rgba(59, 130, 246, 0.3);
    backdrop-filter: blur(10px);
    text-shadow: none;
}

html[data-theme="dark"] .section-badge {
    background: rgba(59, 130, 246, 0.9);
    color: #ffffff;
    border-color: rgba(59, 130, 246, 0.4);
}

/* Subtitle Sequence Styles */
.subtitle-sequence {
    margin-bottom: 3rem;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    padding-top: 2rem;
}

.animated-subtitle {
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 1.7;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    transform: translateX(-50%) translateY(40px);
    text-align: center;
    padding: 1rem 0;
    margin-bottom: 3rem;
}

.animated-subtitle.subtitle-1 {
    top: 0;
}

.animated-subtitle.subtitle-2 {
    top: 90px;
}

.animated-subtitle.subtitle-3 {
    top: 180px;
}

.animated-subtitle.visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.animated-subtitle.completed {
    opacity: 1;
    color: #ffffff;
    transform: translateX(-50%) translateY(-10px);
}

.hero-title {
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 0.75rem;
    color: #ffffff;
    letter-spacing: -0.02em;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-title.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Load All Button */
.load-all-btn {
    position: fixed !important;
    top: 60px !important;
    right: 40px !important;
    z-index: 9999 !important;
    background: rgba(59, 130, 246, 0.95) !important;
    color: white !important;
    border: 2px solid rgba(59, 130, 246, 0.5) !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    backdrop-filter: blur(15px) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.load-all-btn svg {
    margin-left: 0.25rem !important;
    transition: transform 0.2s ease !important;
}

.load-all-btn:hover {
    background: rgba(59, 130, 246, 1);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .hero-title {
    color: #ffffff;
}

/* Highlighted text within hero title */
.hero-title .highlight {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    padding: 0.2em 0.6em;
    display: inline-block;
    margin: 0 0.1em;
    font-weight: 800;
    font-size: inherit;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
    text-shadow: none;
}

html[data-theme="dark"] .hero-title .highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(96, 165, 250, 0.4);
}

/* Terminal Style Glass Effect Container */
.terminal-container {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 16px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    max-width: 900px;
    margin: 1rem auto 2rem;
    position: relative;
    min-height: 120px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.terminal-container.visible {
    opacity: 1;
    transform: translateY(0);
}

.terminal-container.removing {
    opacity: 0;
    transform: translateY(-30px);
    transition: all 0.5s ease;
}

html[data-theme="dark"] .terminal-container {
    background: rgba(15, 23, 42, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 16px rgba(59, 130, 246, 0.1);
}

/* Terminal Header */
.terminal-header {
    position: absolute;
    top: 0.8rem;
    left: 1rem;
    display: flex;
    gap: 0.5rem;
}

.terminal-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.terminal-dot.red {
    background: #ff5f56;
}

.terminal-dot.yellow {
    background: #ffbd2e;
}

.terminal-dot.green {
    background: #27ca3f;
}

/* Terminal Body Styles */
.terminal-body {
    width: 100%;
    padding-top: 1rem;
    font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #000000;
}

.terminal-line {
    margin-bottom: 0.8rem;
    line-height: 1.6;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
}

.terminal-prompt {
    color: #22c55e;
    font-weight: 700;
    margin-right: 0.5rem;
    flex-shrink: 0;
}

.terminal-text {
    color: #000000;
    font-weight: 600;
    flex: 1;
}

.terminal-cursor {
    color: #000000;
    font-weight: 700;
    animation: terminalBlink 1s infinite;
    margin-left: 2px;
}

@keyframes terminalBlink {

    0%,
    50% {
        opacity: 1;
    }

    51%,
    100% {
        opacity: 0;
    }
}

html[data-theme="dark"] .terminal-body {
    color: #000000;
}

html[data-theme="dark"] .terminal-text {
    color: #000000;
}

html[data-theme="dark"] .terminal-cursor {
    color: #000000;
}

html[data-theme="dark"] .terminal-prompt {
    color: #22c55e;
}

/* Final Subtitle with Highlight */
.final-subtitle-container {
    max-width: 900px;
    margin: 0 auto 2rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.final-subtitle-container.visible {
    opacity: 1;
    transform: translateY(0);
}

.final-subtitle {
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 1.7;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
    text-align: center;
    padding: 1rem 0;
    margin: 0;
}

.final-subtitle .highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.2em 0.6em;
    display: inline-block;
    margin: 0 0.1em;
    font-weight: 800;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
    text-shadow: none;
}

html[data-theme="dark"] .final-subtitle {
    color: #ffffff;
}

html[data-theme="dark"] .final-subtitle .highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(96, 165, 250, 0.4);
}

.hero-subtitle {
    font-size: 1.25rem;
    color: #e5e7eb;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 2.5rem;
    font-weight: 400;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

html[data-theme="dark"] .hero-subtitle {
    color: #e5e7eb;
}

.hero-cta {
    margin-top: 2rem;
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.hero-cta.visible {
    opacity: 1;
    transform: translateY(0);
}

.btn-hero {
    padding: 1.125rem 2.25rem;
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 50px;
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 15px rgba(31, 41, 55, 0.2);
}

.btn-hero:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(31, 41, 55, 0.3);
    background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
}

html[data-theme="dark"] .btn-hero {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);
}

html[data-theme="dark"] .btn-hero:hover {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .hero-title {
        font-size: 3rem;
        line-height: 1.2;
        max-width: 100%;
    }

    .animated-subtitle {
        font-size: 1.3rem;
        padding: 0.8rem 1rem;
        max-width: 95%;
        line-height: 1.6;
    }

    .animated-subtitle.subtitle-1 {
        top: 0;
    }

    .animated-subtitle.subtitle-2 {
        top: 80px;
    }

    .animated-subtitle.subtitle-3 {
        top: 160px;
    }

    .subtitle-sequence {
        min-height: 240px;
        margin-bottom: 2rem;
        padding-top: 1rem;
    }

    .section-header {
        padding: 2rem 0 1rem;
    }

    .hero {
        padding: 4rem 0 2rem;
        min-height: 70vh;
    }

    .btn-hero {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }

    .container {
        padding: 0 1rem;
    }

    .load-all-btn {
        top: 80px !important;
        right: 15px !important;
        padding: 0.5rem 1rem !important;
        font-size: 0.8rem !important;
    }
}

/* Glass Morphism Solution Categories - Unique styles to prevent conflicts */
.hero-solution-categories {
    margin-top: 4rem;
    position: relative;
    z-index: 2;
}

.solution-categories-embedded {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    max-width: 1000px;
    margin: 0 auto;
}

.glassmorphism-card-startup-sdlc-unique,
.glassmorphism-card-enterprise-sdlc-unique {
    /* Perfect glass morphism effect */
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    padding: 0;
    transition: all 0.3s ease;
    overflow: hidden;
}

.glassmorphism-card-startup-sdlc-unique:hover,
.glassmorphism-card-enterprise-sdlc-unique:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.glassmorphism-card-inner-unique {
    padding: 2.5rem;
    position: relative;
}

.glassmorphism-badge-unique {
    display: inline-block;
    margin-bottom: 1.5rem;
}

.glassmorphism-badge-text-unique {
    background: rgba(59, 130, 246, 0.8);
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid rgba(59, 130, 246, 0.3);
    backdrop-filter: blur(10px);
    text-shadow: none;
}

.glassmorphism-card-title-unique {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.glassmorphism-content-unique {
    text-align: center;
}

.glassmorphism-warning-text-unique {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.glassmorphism-text-red-unique {
    color: #ef4444;
    font-weight: 700;
}

.glassmorphism-description-unique {
    font-size: 1.1rem;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.glassmorphism-learn-why-unique {
    margin-bottom: 2rem;
}

.glassmorphism-learn-link-unique {
    color: #60a5fa;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

.glassmorphism-learn-link-unique:hover {
    color: #93c5fd;
    text-decoration: underline;
}

.glassmorphism-action-unique {
    margin-top: 2rem;
}

.glassmorphism-btn-unique {
    background: rgba(59, 130, 246, 0.8);
    color: #ffffff;
    border: 1px solid rgba(59, 130, 246, 0.3);
    padding: 1rem 2rem;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    text-shadow: none;
}

.glassmorphism-btn-unique:hover {
    background: rgba(59, 130, 246, 0.9);
    border-color: rgba(59, 130, 246, 0.5);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

@media (max-width: 768px) {
    .solution-categories-embedded {
        gap: 2rem;
    }

    .glassmorphism-card-title-unique {
        font-size: 2rem;
    }

    .glassmorphism-warning-text-unique {
        font-size: 1.1rem;
    }

    .glassmorphism-description-unique {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 2.25rem;
    }

    .animated-subtitle {
        font-size: 1.1rem;
        padding: 0.6rem 0.5rem;
        line-height: 1.5;
    }

    .animated-subtitle.subtitle-1 {
        top: 0;
    }

    .animated-subtitle.subtitle-2 {
        top: 70px;
    }

    .animated-subtitle.subtitle-3 {
        top: 140px;
    }

    .subtitle-sequence {
        min-height: 210px;
        padding-top: 0.5rem;
    }

    .load-all-btn {
        top: 20px !important;
        right: 5px !important;
        font-size: 0.75rem !important;
        padding: 0.4rem 0.8rem !important;
    }
}/* HeroSection Component Styles */
.hero-section {
    background: linear-gradient(135deg,
            var(--bg-primary) 0%,
            var(--bg-secondary) 100%);
    position: relative;
    overflow: hidden;
}

.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 20% 80%,
            rgba(59, 130, 246, 0.1) 0%,
            transparent 50%),
        radial-gradient(circle at 80% 20%,
            rgba(99, 102, 241, 0.1) 0%,
            transparent 50%);
    pointer-events: none;
}

.hero-section__container {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .hero-section__title {
        font-size: var(--font-size-3xl);
    }

    .hero-section__subtitle {
        font-size: var(--font-size-lg);
    }
}
.solution-categories-section {
    padding: 4rem 0;
    background: transparent;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.solution-categories {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    max-width: 1200px;
    margin: 0 auto;
}

.category-card {
    position: relative;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: visible;
    /* Glass morphism effect - semi-transparent white */
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 16px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    max-width: 900px;
    margin: 0 auto;
}

html[data-theme="dark"] .category-card {
    background: rgba(15, 23, 42, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 16px rgba(59, 130, 246, 0.1);
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15), 0 4px 24px rgba(0, 0, 0, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.2);
}

html[data-theme="dark"] .category-card:hover {
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), 0 4px 24px rgba(59, 130, 246, 0.15);
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(15, 23, 42, 0.35);
}

.card-inner {
    padding: 2.5rem;
    position: relative;
}

.card-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

html[data-theme="dark"] .card-title {
    color: #ffffff;
}

.highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.2em 0.6em;
    display: inline-block;
    margin: 0 0.1em;
    font-weight: 800;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
}

html[data-theme="dark"] .highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(96, 165, 250, 0.4);
}

.card-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: flex-start;
    min-height: 400px;
}

.card-content-left,
.card-content-right {
    padding: 0;
}

.card-subtitle {
    font-size: 1.25rem;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 2rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

html[data-theme="dark"] .card-subtitle {
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
}

.warning-text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}

.text-red {
    color: #374151;
    font-weight: 700;
    font-size: 1.75rem;
}

.action-button {
    text-align: left;
    margin-top: 2rem;
}

.try-free-btn {
    background: transparent;
    color: #3b82f6;
    border: 2px solid #3b82f6;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.try-free-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    transform: scale(0);
    transition: all 0.3s ease;
}

.try-free-btn:hover::before {
    transform: scale(1);
}

.try-free-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
    background: rgba(59, 130, 246, 0.05);
    border-color: #2563eb;
    color: #2563eb;
}

html[data-theme="dark"] .try-free-btn {
    background: transparent;
    color: #60a5fa;
    border: 2px solid #60a5fa;
}

html[data-theme="dark"] .try-free-btn:hover {
    background: rgba(96, 165, 250, 0.1);
    border-color: #93c5fd;
    color: #93c5fd;
}

.features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
    align-content: center;
    height: 100%;
}

.feature-card.light-card {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.8);
    padding: 1.5rem 1.25rem;
    min-height: 100px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.03);
}

.feature-card.light-card .feature-icon {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(59, 130, 246, 0.3);
    transition: all 0.3s ease;
}

.feature-card.light-card h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.3;
}

.feature-description {
    font-size: 0.85rem;
    color: #6b7280;
    line-height: 1.4;
    margin: 0;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.feature-card.light-card::after {
    content: "Learn more →";
    position: absolute;
    bottom: 0.75rem;
    right: 1.25rem;
    color: #3b82f6;
    font-size: 0.8rem;
    font-weight: 600;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.feature-card.light-card:hover .feature-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

.feature-card.light-card:hover .feature-description {
    opacity: 1;
}

.feature-card.light-card:hover::after {
    opacity: 1;
    transform: translateY(0);
}

.feature-card.light-card:hover {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(59, 130, 246, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 2px 12px rgba(59, 130, 246, 0.08);
}

html[data-theme="dark"] .feature-card.light-card {
    background: rgba(30, 41, 59, 0.9);
    border: 1px solid rgba(59, 130, 246, 0.3);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 1px 8px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .feature-card.light-card .feature-icon {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
    box-shadow: 0 4px 12px rgba(96, 165, 250, 0.3);
}

html[data-theme="dark"] .feature-card.light-card h4 {
    color: #ffffff;
}

html[data-theme="dark"] .feature-description {
    color: #e2e8f0;
}

html[data-theme="dark"] .feature-card.light-card::after {
    color: #60a5fa;
}

html[data-theme="dark"] .feature-card.light-card:hover .feature-icon {
    box-shadow: 0 6px 20px rgba(96, 165, 250, 0.4);
}

html[data-theme="dark"] .feature-card.light-card:hover {
    background: rgba(30, 41, 59, 1);
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 12px rgba(59, 130, 246, 0.15);
}

/* Responsive Design */
@media (max-width: 1024px) {
    .solution-categories {
        gap: 2rem;
    }

    .card-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .container {
        padding: 0 1.5rem;
    }

    .card-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .solution-categories {
        gap: 3rem;
    }

    .card-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
        min-height: auto;
    }

    .card-inner {
        padding: 2rem;
    }

    .card-title {
        font-size: 1.75rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .card-title {
        font-size: 1.5rem;
    }

    .card-subtitle {
        font-size: 1rem;
    }

    .try-free-btn {
        padding: 0.875rem 1.5rem;
        font-size: 0.875rem;
    }

    .card-inner {
        padding: 1.5rem;
    }
}/* GSAP Scrolling Capabilities Section */
.capabilities-section-pinned {
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.capabilities-wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
}

.capability-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    background: transparent;
}

.capability-content {
    width: 100%;
    max-width: 1320px;
    margin: 2rem auto;
    padding: 0 2rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 12px;
    padding: 3rem 2rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08),
        0 4px 20px rgba(0, 0, 0, 0.06),
        0 2px 10px rgba(0, 0, 0, 0.04);
    position: relative;
    z-index: 1;
}

html[data-theme="dark"] .capability-content {
    background: rgba(15, 23, 42, 0.98);
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25),
        0 4px 20px rgba(59, 130, 246, 0.15),
        0 2px 10px rgba(0, 0, 0, 0.3);
}

.capability-title {
    font-size: 3rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.1;
}

html[data-theme="dark"] .capability-title {
    color: #ffffff;
}

.capability-description {
    font-size: 1.25rem;
    color: #6b7280;
    max-width: 800px;
    margin: 0 auto 3rem auto;
    line-height: 1.6;
}

html[data-theme="dark"] .capability-description {
    color: #d1d5db;
}

.capability-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.25rem;
    max-width: 1000px;
    margin: 0 auto;
}

.capability-card {
    background: rgba(255, 255, 255, 0.98);
    border: 2px solid rgba(226, 232, 240, 0.8);
    border-radius: 8px;
    padding: 1.75rem;
    position: relative;
    cursor: pointer;
    text-align: center;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08),
        0 2px 8px rgba(0, 0, 0, 0.06),
        0 1px 4px rgba(0, 0, 0, 0.04);
}

html[data-theme="dark"] .capability-card {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(59, 130, 246, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25),
        0 2px 8px rgba(59, 130, 246, 0.15),
        0 1px 4px rgba(0, 0, 0, 0.3);
}

.capability-card:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 130, 246, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12),
        0 4px 16px rgba(59, 130, 246, 0.2),
        0 2px 8px rgba(0, 0, 0, 0.08);
}

.card-number {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.card-icon-main {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    width: 64px;
    height: 64px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

html[data-theme="dark"] .card-icon-main {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.3);
}

.card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

.card-content h4 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

html[data-theme="dark"] .card-content h4 {
    color: #ffffff;
}

.text-center {
    text-align: center;
}

.mb-8 {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .capability-content {
        padding: 2rem 1.5rem;
        margin: 0 1.5rem;
    }

    .capability-title {
        font-size: 2.5rem;
    }

    .capability-description {
        font-size: 1.125rem;
    }

    .capability-cards-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .capability-card {
        min-height: 160px;
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .capability-content {
        padding: 1.5rem 1rem;
        margin: 0 1rem;
    }

    .capability-title {
        font-size: 2rem;
    }

    .capability-cards-grid {
        grid-template-columns: 1fr;
    }

    .capability-card {
        padding: 1.25rem;
        min-height: 140px;
    }
}

.card-number {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.card-icon-main {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    width: 64px;
    height: 64px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

html[data-theme="dark"] .card-icon-main {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.3);
}

.card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

.card-content h4 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

html[data-theme="dark"] .card-content h4 {
    color: #ffffff;
}

.text-center {
    text-align: center;
}

.mb-8 {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .capabilities-container {
        padding: 0 1.5rem;
    }

    .capability-content {
        padding: 2rem 1.5rem;
    }

    .capability-title {
        font-size: 2.5rem;
    }

    .capability-description {
        font-size: 1.125rem;
    }

    .capability-cards-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .capability-card {
        min-height: 160px;
        padding: 1.5rem;
    }

    .capability-section {
        margin-bottom: 4rem;
    }
}

@media (max-width: 480px) {
    .capabilities-container {
        padding: 0 1rem;
    }

    .capability-content {
        padding: 1.5rem 1rem;
    }

    .capability-title {
        font-size: 2rem;
    }

    .capability-cards-grid {
        grid-template-columns: 1fr;
    }

    .capability-card {
        padding: 1.25rem;
        min-height: 140px;
    }

    .capability-section {
        margin-bottom: 3rem;
    }
}

/* Capabilities Section Header Styles */
.capabilities-section-header {
    text-align: center;
    padding: 4rem 2rem 3rem 2rem;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    background: var(--color-background);
}

.capabilities-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 2rem;
    line-height: 1.1;
}

html[data-theme="dark"] .capabilities-main-title {
    color: #ffffff;
}

.capabilities-main-subtitle {
    font-size: 1.5rem;
    color: #1f2937;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
}

html[data-theme="dark"] .capabilities-main-subtitle {
    color: #ffffff;
}

.learn-more-link {
    color: #3b82f6;
    text-decoration: underline;
    font-weight: 600;
}

.learn-more-link:hover {
    color: #1d4ed8;
}

html[data-theme="dark"] .learn-more-link {
    color: #60a5fa;
}

html[data-theme="dark"] .learn-more-link:hover {
    color: #3b82f6;
}

/* Updated card number styles with larger size */
.card-number {
    position: absolute !important;
    top: 0.75rem !important;
    left: 0.75rem !important;
    background: rgba(59, 130, 246, 0.1) !important;
    color: #3b82f6 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    border: 1px solid rgba(59, 130, 246, 0.2) !important;
}/* About Section Styles */
.about {
    padding: 4rem 0;
    background: transparent;
}

.about--page {
    padding: 2rem 0 4rem 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Hero Section */
.about__hero {
    text-align: center;
    margin-bottom: 4rem;
    padding: 2rem 0;
}

.about__title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #1f2937;
}

/* Only animate on homepage */
.homepage .about__title {
    animation: fadeInUp 0.8s ease-out;
}

html[data-theme="dark"] .about__title {
    color: #ffffff;
}

.about__subtitle {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* Only animate on homepage */
.homepage .about__subtitle {
    animation: fadeInUp 0.8s ease-out 0.2s both;
}

html[data-theme="dark"] .about__subtitle {
    color: #9ca3af;
}

/* Content Section */
.about__content {
    max-width: 1000px;
    margin: 0 auto;
}

.about__grid {
    display: grid;
    gap: 3rem;
}

.about__text {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.about__section {
    margin-bottom: 3rem;
}

.about__section h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.3;
}

html[data-theme="dark"] .about__section h2 {
    color: #ffffff;
}

.about__section p {
    font-size: 1.125rem;
    color: #4b5563;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

html[data-theme="dark"] .about__section p {
    color: #d1d5db;
}

/* Features List */
.about__features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem;
}

.about__feature {
    padding: 1.5rem;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 12px;
    border-left: 4px solid #3b82f6;
    transition: all 0.3s ease;
}

.about__feature:hover {
    background: rgba(59, 130, 246, 0.1);
    transform: translateX(8px);
}

html[data-theme="dark"] .about__feature {
    background: rgba(59, 130, 246, 0.1);
    border-left-color: #60a5fa;
}

html[data-theme="dark"] .about__feature:hover {
    background: rgba(59, 130, 246, 0.15);
}

.about__feature strong {
    color: #3b82f6;
    font-weight: 600;
}

html[data-theme="dark"] .about__feature strong {
    color: #60a5fa;
}

.about__feature {
    font-size: 1rem;
    color: #374151;
    line-height: 1.6;
}

html[data-theme="dark"] .about__feature {
    color: #e5e7eb;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .about__title {
        font-size: 2.5rem;
    }

    .about__section h2 {
        font-size: 1.75rem;
    }

    .container {
        padding: 0 1rem;
    }

    .about__hero {
        padding: 1rem 0 2rem 0;
    }

    .about__text {
        gap: 3rem;
    }
}

@media (max-width: 480px) {
    .about__title {
        font-size: 2rem;
        line-height: 1.2;
    }

    .about__section h2 {
        font-size: 1.5rem;
    }

    .about__feature {
        padding: 1rem;
    }
}/* Contact CTA Section */
.contact-cta-section {
    padding: 6rem 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.contact-cta-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 2;
}

.contact-cta-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.contact-cta-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

.contact-cta-title .highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.contact-cta-description {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 3rem;
}

.contact-cta-buttons {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

.contact-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 1rem 2.5rem;
    border-radius: 12px;
    font-weight: 600;
    font-size: 1.1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.contact-cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s ease;
}

.contact-cta-btn:hover::before {
    left: 100%;
}

.btn-primary {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff;
    border: 2px solid transparent;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);
}

.btn-secondary {
    background: transparent;
    color: #374151;
    border: 2px solid #e5e7eb;
}

.btn-secondary:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

/* Dark theme support */
html[data-theme="dark"] .contact-cta-section {
    background: #ffffff;
}

html[data-theme="dark"] .contact-cta-title {
    color: #1f2937;
}

html[data-theme="dark"] .contact-cta-description {
    color: #6b7280;
}

html[data-theme="dark"] .contact-cta-title .highlight {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-cta-section {
        padding: 4rem 0;
    }

    .contact-cta-title {
        font-size: 2.5rem;
    }

    .contact-cta-description {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }

    .contact-cta-buttons {
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .contact-cta-btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .contact-cta-title {
        font-size: 2rem;
    }

    .contact-cta-btn {
        padding: 0.875rem 2rem;
        font-size: 1rem;
    }
}/* Floating Action Buttons - SDLC Solution Categories Square Design */
.floating-actions {
    position: fixed;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 1000;
}

.floating-btn {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 0;
    /* Made square */
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: inherit;
    margin-left: auto;
    visibility: visible;
    opacity: 1;
}

html[data-theme="dark"] .floating-btn {
    background: rgba(30, 41, 59, 0.95);
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.floating-btn:hover {
    width: 180px;
    border-radius: 0;
    /* Keep square on hover */
    padding: 1rem 1.5rem;
    justify-content: flex-start;
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.3);
    background: rgba(59, 130, 246, 0.95);
}

html[data-theme="dark"] .floating-btn:hover {
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.4);
    background: rgba(59, 130, 246, 0.9);
}

/* Icon positioning - separate logic for normal vs hover state */
.btn-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
    opacity: 1;
    visibility: visible;
    /* Normal state: centered in circular button */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn-icon svg {
    width: 24px;
    height: 24px;
    color: #3b82f6;
    transition: all 0.3s ease;
    opacity: 1;
    display: block;
    visibility: visible;
}

/* Hover state: position icon on left side of expanded button */
.floating-btn:hover .btn-icon {
    position: relative;
    top: auto;
    left: auto;
    transform: scale(1.1);
}

.floating-btn:hover .btn-icon svg {
    color: white !important;
}

.btn-text {
    color: #1f2937;
    font-weight: 600;
    font-size: 0.9rem;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s ease;
}

html[data-theme="dark"] .btn-text {
    color: #f8fafc;
}

.floating-btn:hover .btn-text {
    opacity: 1;
    transform: translateX(0);
    color: white;
}

/* Individual button colors */
.consulting-btn .btn-icon svg,
.testimonials-btn .btn-icon svg,
.posts-btn .btn-icon svg {
    color: #3b82f6 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.consulting-btn:hover,
.testimonials-btn:hover,
.posts-btn:hover {
    background: rgba(59, 130, 246, 0.95);
}

.consulting-btn:hover .btn-icon svg,
.testimonials-btn:hover .btn-icon svg,
.posts-btn:hover .btn-icon svg {
    color: white;
}

/* Dark theme adjustments */
html[data-theme="dark"] .btn-icon svg {
    color: #93c5fd;
}

html[data-theme="dark"] .consulting-btn .btn-icon svg,
html[data-theme="dark"] .testimonials-btn .btn-icon svg,
html[data-theme="dark"] .posts-btn .btn-icon svg {
    color: #93c5fd;
}

/* Mobile hide floating buttons */
@media (max-width: 768px) {
    .floating-actions {
        display: none !important;
    }

    .floating-btn {
        display: none !important;
    }
}.animated-testimonials-section {
    padding: 6rem 0;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}

html[data-theme="dark"] .animated-testimonials-section {
    background: #0f172a;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.testimonials-header {
    text-align: center;
    margin-bottom: 4rem;
}

.testimonials-header h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.2;
}

html[data-theme="dark"] .testimonials-header h2 {
    color: #f3f4f6;
}

.testimonials-header p {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

html[data-theme="dark"] .testimonials-header p {
    color: #d1d5db;
}

.testimonials-btn {
    background: #374151;
    color: white;
    border: none;
    padding: 0.875rem 2rem;
    border-radius: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.testimonials-btn:hover {
    background: #1f2937;
    transform: translateY(-2px);
}

html[data-theme="dark"] .testimonials-btn {
    background: #4b5563;
}

html[data-theme="dark"] .testimonials-btn:hover {
    background: #374151;
}

.testimonials-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    height: 800px;
    overflow: hidden;
    position: relative;
}

.testimonial-column {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    animation-duration: 80s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.column-1 {
    animation-name: scrollUp;
    animation-delay: 0s;
}

.column-2 {
    animation-name: scrollDown;
    animation-delay: -26.67s;
    /* Start 1/3 through the animation */
}

.column-3 {
    animation-name: scrollUp;
    animation-delay: -53.33s;
    /* Start 2/3 through the animation */
}

@keyframes scrollUp {
    0% {
        transform: translateY(0%);
    }

    100% {
        transform: translateY(-100%);
    }
}

@keyframes scrollDown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.testimonial-card {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

html[data-theme="dark"] .testimonial-card {
    background: rgba(30, 41, 59, 0.8);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: #3b82f6;
}

html[data-theme="dark"] .testimonial-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.testimonial-card.highlighted {
    border: 2px solid #3b82f6;
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

html[data-theme="dark"] .testimonial-card.highlighted {
    border: 2px solid #60a5fa;
    box-shadow: 0 10px 30px rgba(96, 165, 250, 0.25);
}

.company-logo {
    margin-bottom: 1.5rem;
}

.company-logo img {
    height: 32px;
    width: auto;
    filter: grayscale(1);
    opacity: 0.7;
    transition: all 0.3s ease;
}

html[data-theme="dark"] .company-logo img {
    filter: grayscale(1) invert(1);
    opacity: 0.8;
}

.testimonial-card:hover .company-logo img {
    filter: none;
    opacity: 1;
}

html[data-theme="dark"] .testimonial-card:hover .company-logo img {
    filter: invert(1);
}

.company-logo.openai img {
    height: 28px;
}

/* Star Rating Styles */
.star-rating {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.star {
    font-size: 1.25rem;
    color: #fbbf24;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .star {
    color: #fcd34d;
}

blockquote {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #374151;
    margin: 0 0 1.5rem 0;
    flex-grow: 1;
    font-style: italic;
}

html[data-theme="dark"] blockquote {
    color: #e5e7eb;
}

.author {
    display: flex;
    align-items: center;
    gap: 0.875rem;
}

.author img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.author-info h4 {
    font-size: 0.9rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.3;
}

html[data-theme="dark"] .author-info h4 {
    color: #f3f4f6;
}

.author-info p {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0.25rem 0 0 0;
    line-height: 1.3;
}

html[data-theme="dark"] .author-info p {
    color: #9ca3af;
}

/* Responsive Design */
@media (max-width: 768px) {
    .testimonials-columns {
        grid-template-columns: 1fr;
        height: auto;
        gap: 1rem;
    }

    .testimonial-column {
        animation: none;
    }

    .testimonial-card {
        min-height: 250px;
        padding: 1.5rem;
    }
}

@media (max-width: 480px) {
    .testimonials-header h2 {
        font-size: 1.75rem;
    }

    .testimonial-card {
        min-height: 220px;
        padding: 1.25rem;
    }

    blockquote {
        font-size: 0.875rem;
    }
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .testimonial-column {
        animation: none;
    }

    .testimonials-columns {
        overflow-y: auto;
        height: auto;
    }

    .testimonial-column {
        position: static;
    }
}.testimonials-section[data-astro-cid-r3ogo4xx]{padding:6rem 0;background:var(--color-background);font-family:"Poppins",sans-serif}.container[data-astro-cid-r3ogo4xx]{max-width:1200px;margin:0 auto;padding:0 2rem}.testimonials-header[data-astro-cid-r3ogo4xx]{text-align:center;margin-bottom:4rem}.testimonials-header[data-astro-cid-r3ogo4xx] h2[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;font-size:3rem;font-weight:900;color:var(--color-text-primary);margin-bottom:1rem}.testimonials-header[data-astro-cid-r3ogo4xx] p[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.testimonials-grid[data-astro-cid-r3ogo4xx]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.testimonial-card[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s ease;opacity:1;transform:translateY(0);position:relative;cursor:pointer;text-decoration:none;color:inherit}.testimonial-card[data-astro-cid-r3ogo4xx].hidden{display:none}.testimonial-card[data-astro-cid-r3ogo4xx]:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.1);border-color:#3b82f6}padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 600; border-radius: 0 14px 0 8px; z-index: 2; } .testimonial-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 1.5rem;border:4px solid #3b82f6;box-shadow:0 4px 16px rgba(59,130,246,0.2)}.testimonial-avatar[data-astro-cid-r3ogo4xx] img[data-astro-cid-r3ogo4xx]{width:100%;height:100%;object-fit:cover}.rating[data-astro-cid-r3ogo4xx]{margin-bottom:1.5rem}.star[data-astro-cid-r3ogo4xx]{color:#fbbf24;font-size:1.6rem;margin:0 0.2rem;text-shadow:0 2px 4px rgba(251,191,36,0.3);filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.testimonial-name[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin-bottom:0.5rem}.testimonial-role[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;font-size:1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;font-weight:500}.testimonial-text[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);font-style:italic;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s ease}.testimonial-card[data-astro-cid-r3ogo4xx]:hover .testimonial-text[data-astro-cid-r3ogo4xx]{-webkit-line-clamp:unset;max-height:none;overflow:visible}.testimonials-actions[data-astro-cid-r3ogo4xx]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.view-all-btn[data-astro-cid-r3ogo4xx],.load-more-btn[data-astro-cid-r3ogo4xx]{font-family:"Poppins",sans-serif;padding:0.75rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem}.view-all-btn[data-astro-cid-r3ogo4xx]{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.view-all-btn[data-astro-cid-r3ogo4xx]:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:#3b82f6}.load-more-btn[data-astro-cid-r3ogo4xx]{background:#3b82f6;color:white;border:1px solid #3b82f6}.load-more-btn[data-astro-cid-r3ogo4xx]:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.load-more-btn[data-astro-cid-r3ogo4xx].hidden{display:none}html[data-theme=dark] .testimonial-card[data-astro-cid-r3ogo4xx]{background:var(--color-surface);border-color:var(--color-border)}html[data-theme=dark] .testimonial-card[data-astro-cid-r3ogo4xx]:hover{border-color:#60a5fa;box-shadow:0 12px 40px rgba(0,0,0,0.3)}html[data-theme=dark] .testimonials-header[data-astro-cid-r3ogo4xx] h2[data-astro-cid-r3ogo4xx]{color:var(--color-text-primary)}html[data-theme=dark] .testimonials-header[data-astro-cid-r3ogo4xx] p[data-astro-cid-r3ogo4xx]{color:var(--color-text-secondary)}html[data-theme=dark] .testimonial-name[data-astro-cid-r3ogo4xx]{color:var(--color-text-primary)}html[data-theme=dark] .testimonial-role[data-astro-cid-r3ogo4xx],html[data-theme=dark] .testimonial-text[data-astro-cid-r3ogo4xx]{color:var(--color-text-secondary)}html[data-theme=dark] .testimonial-avatar[data-astro-cid-r3ogo4xx]{border-color:#60a5fa;box-shadow:0 4px 16px rgba(96,165,250,0.2)}@media (max-width: 768px){.testimonials-section[data-astro-cid-r3ogo4xx]{padding:4rem 0}.testimonials-header[data-astro-cid-r3ogo4xx] h2[data-astro-cid-r3ogo4xx]{font-size:2.5rem}.testimonials-grid[data-astro-cid-r3ogo4xx]{grid-template-columns:1fr;gap:1.5rem}.testimonial-card[data-astro-cid-r3ogo4xx]{padding:1.5rem}.testimonial-avatar[data-astro-cid-r3ogo4xx]{width:100px;height:100px}.star[data-astro-cid-r3ogo4xx]{font-size:1.4rem}.testimonials-actions[data-astro-cid-r3ogo4xx]{flex-direction:column;align-items:center}.view-all-btn[data-astro-cid-r3ogo4xx],.load-more-btn[data-astro-cid-r3ogo4xx]{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.container[data-astro-cid-r3ogo4xx]{padding:0 1rem}.testimonials-header[data-astro-cid-r3ogo4xx] h2[data-astro-cid-r3ogo4xx]{font-size:2rem}.testimonials-header[data-astro-cid-r3ogo4xx] p[data-astro-cid-r3ogo4xx]{font-size:1rem}.testimonial-card[data-astro-cid-r3ogo4xx]{padding:1.25rem}.testimonial-avatar[data-astro-cid-r3ogo4xx]{width:80px;height:80px}.star[data-astro-cid-r3ogo4xx]{font-size:1.2rem}.testimonial-text[data-astro-cid-r3ogo4xx]{font-size:1rem}}.blog-preview-section {
    padding: 6rem 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

html[data-theme="dark"] .blog-preview-section {
    background: transparent;
    border: none;
    box-shadow: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
}

.section-header h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.2;
}

html[data-theme="dark"] .section-header h2 {
    color: #ffffff;
}

.highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.2em 0.6em;
    display: inline-block;
    margin: 0 0.1em;
    font-weight: 800;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
}

html[data-theme="dark"] .highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(96, 165, 250, 0.4);
}

.section-header p {
    font-size: 1.125rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

html[data-theme="dark"] .section-header p {
    color: #d1d5db;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 4rem;
}

.blog-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(229, 231, 235, 0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

html[data-theme="dark"] .blog-card {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .blog-card:hover {
    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
}

.blog-card.featured {
    border: 2px solid #3b82f6;
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);
}

html[data-theme="dark"] .blog-card.featured {
    border-color: #60a5fa;
    box-shadow: 0 8px 32px rgba(96, 165, 250, 0.25);
}

.blog-card.large {
    grid-column: span 2;
}

.blog-image {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.blog-card.large .blog-image {
    height: 320px;
}

.blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease;
}

.blog-card:hover .blog-image img {
    transform: scale(1.05);
}

.blog-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg,
            rgba(59, 130, 246, 0.9) 0%,
            rgba(29, 78, 216, 0.9) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.4s ease;
}

.blog-card:hover .blog-overlay {
    opacity: 1;
}

.read-more-btn {
    background: white;
    color: #3b82f6;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    transform: translateY(10px);
}

.blog-card:hover .read-more-btn {
    transform: translateY(0);
}

.read-more-btn:hover {
    background: #f8fafc;
    transform: scale(1.05);
}

.blog-content {
    padding: 2rem;
}

.blog-card.large .blog-content {
    padding: 2.5rem;
}

.blog-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.blog-date {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

html[data-theme="dark"] .blog-date {
    color: #9ca3af;
}

.blog-tags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tag {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

html[data-theme="dark"] .tag {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.3);
}

.blog-title {
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.blog-title a {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    text-decoration: none;
    transition: color 0.3s ease;
}

.blog-card.large .blog-title a {
    font-size: 1.75rem;
}

html[data-theme="dark"] .blog-title a {
    color: #ffffff;
}

.blog-title a:hover {
    color: #3b82f6;
}

html[data-theme="dark"] .blog-title a:hover {
    color: #60a5fa;
}

.blog-description {
    font-size: 1rem;
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card.large .blog-description {
    font-size: 1.125rem;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

html[data-theme="dark"] .blog-description {
    color: #d1d5db;
}

.blog-link {
    color: #3b82f6;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.blog-link:hover {
    color: #1d4ed8;
    gap: 0.75rem;
}

html[data-theme="dark"] .blog-link {
    color: #60a5fa;
}

html[data-theme="dark"] .blog-link:hover {
    color: #3b82f6;
}

.blog-cta {
    text-align: center;
}

.view-all-btn {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    padding: 1rem 2rem;

    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

.view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
    gap: 0.75rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .blog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .blog-card.large {
        grid-column: span 1;
    }

    .section-header h2 {
        font-size: 2.5rem;
    }

    .blog-image {
        height: 200px;
    }

    .blog-card.large .blog-image {
        height: 240px;
    }

    .blog-content {
        padding: 1.5rem;
    }

    .blog-card.large .blog-content {
        padding: 1.5rem;
    }

    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 2rem;
    }

    .blog-title a {
        font-size: 1.25rem;
    }

    .blog-card.large .blog-title a {
        font-size: 1.5rem;
    }

    .blog-description {
        font-size: 0.9rem;
    }

    .blog-card.large .blog-description {
        font-size: 1rem;
    }
}

/* BlogPreview specific styles */
.blog-preview-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    pointer-events: none;
    z-index: 0;
}

html[data-theme="dark"] .blog-preview-section::before {
    background: transparent;
}

.blog-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.blog-meta time {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
}

html[data-theme="dark"] .blog-meta time {
    color: #9ca3af;
}

.blog-tags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.tag {
    background: #f3f4f6;
    color: #374151;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 500;
}

html[data-theme="dark"] .tag {
    background: rgba(30, 64, 175, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(96, 165, 250, 0.2);
}

.read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #3b82f6;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}

html[data-theme="dark"] .read-more-btn {
    color: #60a5fa;
}

.read-more-btn:hover {
    color: #2563eb;
    text-decoration: none;
}

html[data-theme="dark"] .read-more-btn:hover {
    color: #93c5fd;
}

.read-more-btn svg {
    transition: transform 0.2s;
}

.read-more-btn:hover svg {
    transform: translateX(4px);
}

.blog-cta {
    display: flex;
    justify-content: center;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.view-all-btn,
.load-more-btn {
    padding: 0.625rem 1.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
    font-size: 0.875rem;
}

.view-all-btn {
    background: #3b82f6;
    color: white;
}

html[data-theme="dark"] .view-all-btn {
    background: #2563eb;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

.view-all-btn:hover {
    background: #2563eb;
    text-decoration: none;
}

html[data-theme="dark"] .view-all-btn:hover {
    background: #3b82f6;
    box-shadow: 0 4px 12px -1px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}

.load-more-btn {
    background: white;
    color: #3b82f6;
    border: 2px solid #3b82f6;
}

html[data-theme="dark"] .load-more-btn {
    background: rgba(30, 41, 59, 0.8);
    color: #60a5fa;
    border: 2px solid #60a5fa;
    backdrop-filter: blur(10px);
}

.load-more-btn:hover {
    background: #3b82f6;
    color: white;
}

html[data-theme="dark"] .load-more-btn:hover {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
    transform: translateY(-2px);
}.blog-preview-section[data-astro-cid-6iv3o6hh]{padding:6rem 0;background:transparent;position:relative;overflow:hidden;border:none;box-shadow:none}html[data-theme=dark] .blog-preview-section[data-astro-cid-6iv3o6hh]{background:transparent;border:none;box-shadow:none}.blog-preview-section[data-astro-cid-6iv3o6hh]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:0}html[data-theme=dark] .blog-preview-section[data-astro-cid-6iv3o6hh]::before{background:transparent}.blog-section-header[data-astro-cid-6iv3o6hh]{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.blog-section-title[data-astro-cid-6iv3o6hh]{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-shadow:none;text-transform:none!important;letter-spacing:normal!important;font-family:"Poppins",sans-serif!important}html[data-theme=dark] .blog-section-title[data-astro-cid-6iv3o6hh]{color:#f3f4f6;text-shadow:none}.blog-section-header[data-astro-cid-6iv3o6hh] p[data-astro-cid-6iv3o6hh]{font-size:1rem;color:#6b7280;max-width:500px;margin:0 auto}html[data-theme=dark] .blog-section-header[data-astro-cid-6iv3o6hh] p[data-astro-cid-6iv3o6hh]{color:#d1d5db}.blog-grid[data-astro-cid-6iv3o6hh]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;position:relative;z-index:1}.blog-card[data-astro-cid-6iv3o6hh]{background:white;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);transition:all 0.3s ease;border:1px solid #e5e7eb}html[data-theme=dark] .blog-card[data-astro-cid-6iv3o6hh]{background:rgba(30,41,59,0.8);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1)}.blog-card[data-astro-cid-6iv3o6hh]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}html[data-theme=dark] .blog-card[data-astro-cid-6iv3o6hh]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.3),0 10px 10px -5px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.15)}.blog-image[data-astro-cid-6iv3o6hh]{width:100%;height:200px;overflow:hidden}.blog-image[data-astro-cid-6iv3o6hh] img[data-astro-cid-6iv3o6hh]{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.blog-card[data-astro-cid-6iv3o6hh]:hover .blog-image[data-astro-cid-6iv3o6hh] img[data-astro-cid-6iv3o6hh]{transform:scale(1.05)}.blog-content[data-astro-cid-6iv3o6hh]{padding:1.5rem}.blog-category[data-astro-cid-6iv3o6hh]{display:inline-block;background:#f3f4f6;color:#374151;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;margin-bottom:1rem}html[data-theme=dark] .blog-category[data-astro-cid-6iv3o6hh]{background:rgba(30,64,175,0.2);color:#60a5fa;border:1px solid rgba(96,165,250,0.2)}.blog-title[data-astro-cid-6iv3o6hh]{color:#1f2937;margin-bottom:0.5rem;font-size:1.25rem;font-weight:700;line-height:1.4}html[data-theme=dark] .blog-title[data-astro-cid-6iv3o6hh]{color:#f3f4f6}.blog-card[data-astro-cid-6iv3o6hh].featured .blog-title[data-astro-cid-6iv3o6hh]{font-size:1.5rem}.blog-subheader[data-astro-cid-6iv3o6hh]{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;font-size:0.95rem;font-style:italic}html[data-theme=dark] .blog-subheader[data-astro-cid-6iv3o6hh]{color:#d1d5db}.read-more-btn[data-astro-cid-6iv3o6hh]{display:inline-flex;align-items:center;gap:0.5rem;color:#3b82f6;font-weight:500;text-decoration:none;transition:all 0.2s}html[data-theme=dark] .read-more-btn[data-astro-cid-6iv3o6hh]{color:#60a5fa}.read-more-btn[data-astro-cid-6iv3o6hh]:hover{color:#2563eb;text-decoration:none}html[data-theme=dark] .read-more-btn[data-astro-cid-6iv3o6hh]:hover{color:#93c5fd}.read-more-btn[data-astro-cid-6iv3o6hh] svg[data-astro-cid-6iv3o6hh]{transition:transform 0.2s}.read-more-btn[data-astro-cid-6iv3o6hh]:hover svg[data-astro-cid-6iv3o6hh]{transform:translateX(4px)}.blog-cta[data-astro-cid-6iv3o6hh]{display:flex;justify-content:center;gap:1rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.view-all-btn[data-astro-cid-6iv3o6hh],.load-more-btn[data-astro-cid-6iv3o6hh]{padding:0.625rem 1.5rem;font-weight:600;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;font-size:0.875rem}.view-all-btn[data-astro-cid-6iv3o6hh]{background:#3b82f6;color:white}html[data-theme=dark] .view-all-btn[data-astro-cid-6iv3o6hh]{background:#2563eb;box-shadow:0 4px 6px -1px rgba(0,0,0,0.3)}.view-all-btn[data-astro-cid-6iv3o6hh]:hover{background:#2563eb;text-decoration:none}html[data-theme=dark] .view-all-btn[data-astro-cid-6iv3o6hh]:hover{background:#3b82f6;box-shadow:0 4px 12px -1px rgba(0,0,0,0.4);transform:translateY(-2px)}.load-more-btn[data-astro-cid-6iv3o6hh]{background:white;color:#3b82f6;border:2px solid #3b82f6}html[data-theme=dark] .load-more-btn[data-astro-cid-6iv3o6hh]{background:rgba(30,41,59,0.8);color:#60a5fa;border:2px solid #60a5fa;backdrop-filter:blur(10px)}.load-more-btn[data-astro-cid-6iv3o6hh]:hover{background:#3b82f6;color:white}html[data-theme=dark] .load-more-btn[data-astro-cid-6iv3o6hh]:hover{background:#2563eb;color:white;border-color:#2563eb;transform:translateY(-2px)}@media (max-width: 1024px){.blog-grid[data-astro-cid-6iv3o6hh]{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 768px){.blog-section-title[data-astro-cid-6iv3o6hh]{font-size:2rem}.blog-grid[data-astro-cid-6iv3o6hh]{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.blog-preview-section[data-astro-cid-6iv3o6hh]{padding:3rem 0}.blog-grid[data-astro-cid-6iv3o6hh]{gap:1.5rem}.blog-cta[data-astro-cid-6iv3o6hh]{flex-direction:column}}.consulting-preview[data-astro-cid-f5sri552]{position:relative;padding:8rem 0;background:transparent;overflow:hidden;border:none;box-shadow:none}.container[data-astro-cid-f5sri552]{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.moving-text-bg[data-astro-cid-f5sri552]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.03;z-index:1;pointer-events:none;overflow:hidden}.text-line[data-astro-cid-f5sri552]{position:absolute;white-space:nowrap;font-size:5rem;font-weight:900;color:#1f2937}.text-line-1[data-astro-cid-f5sri552]{top:20%;animation:slideTextRight 40s linear infinite}.text-line-2[data-astro-cid-f5sri552]{top:50%;animation:slideTextLeft 35s linear infinite}.text-line-3[data-astro-cid-f5sri552]{top:80%;animation:slideTextRight 45s linear infinite}@keyframes slideTextRight{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes slideTextLeft{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}.section-header[data-astro-cid-f5sri552]{text-align:center;margin-bottom:4rem;position:relative;z-index:3}.section-tag[data-astro-cid-f5sri552]{display:inline-block;background:#10b981;color:white;padding:0.75rem 2rem;border-radius:2rem;font-size:0.875rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;box-shadow:0 8px 25px rgba(16,185,129,0.3);transform:perspective(500px) rotateX(10deg);transition:all 0.3s ease}.section-tag[data-astro-cid-f5sri552]:hover{transform:perspective(500px) rotateX(0deg) scale(1.05);box-shadow:0 12px 35px rgba(16,185,129,0.4)}.section-header[data-astro-cid-f5sri552] h2[data-astro-cid-f5sri552]{font-size:4rem;font-weight:900;color:#1f2937;margin-bottom:1rem;text-shadow:6px 6px 0px #e5e7eb,12px 12px 0px #d1d5db,18px 18px 0px #9ca3af;transform:perspective(600px) rotateX(5deg);transition:all 0.6s ease}.section-header[data-astro-cid-f5sri552] h2[data-astro-cid-f5sri552]:hover{transform:perspective(600px) rotateX(0deg) scale(1.02);text-shadow:8px 8px 0px #e5e7eb,16px 16px 0px #d1d5db,24px 24px 0px #9ca3af}.highlight[data-astro-cid-f5sri552]{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.highlight-white[data-astro-cid-f5sri552]{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-header[data-astro-cid-f5sri552] p[data-astro-cid-f5sri552]{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.8}.consulting-grid[data-astro-cid-f5sri552]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;position:relative;z-index:3}.consulting-card[data-astro-cid-f5sri552]{background:transparent;border-radius:1.5rem;padding:2.5rem;box-shadow:25px 25px 75px rgba(0,0,0,0.1),-25px -25px 75px rgba(255,255,255,0.9),inset 8px 8px 15px rgba(0,0,0,0.02);transition:all 0.6s ease;border:2px solid rgba(16,185,129,0.1);display:flex;flex-direction:column;height:100%;transform:perspective(1000px) rotateX(5deg) rotateY(2deg);position:relative;overflow:hidden}.consulting-card[data-astro-cid-f5sri552]::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transform:scaleX(0);transform-origin:left;transition:transform 0.6s ease}.consulting-card[data-astro-cid-f5sri552]:hover::before{transform:scaleX(1)}.consulting-card[data-astro-cid-f5sri552]:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(-12px) scale(1.02);box-shadow:35px 35px 100px rgba(0,0,0,0.15),-35px -35px 100px rgba(255,255,255,0.9),inset 12px 12px 25px rgba(0,0,0,0.03);border-color:rgba(16,185,129,0.3)}.consulting-card[data-astro-cid-f5sri552].featured{border-color:#10b981;background:transparent;transform:perspective(1000px) rotateX(8deg) rotateY(-3deg) scale(1.05)}.consulting-card[data-astro-cid-f5sri552].featured:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(-15px) scale(1.08)}.card-icon[data-astro-cid-f5sri552]{width:80px;height:80px;background:transparent;color:white;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 10px 25px rgba(16,185,129,0.3);transform:perspective(500px) rotateX(10deg) rotateY(-5deg);transition:all 0.6s ease}.card-icon[data-astro-cid-f5sri552]:hover{transform:perspective(500px) rotateX(0deg) rotateY(0deg) scale(1.1);box-shadow:0 15px 35px rgba(16,185,129,0.4)}.consulting-card[data-astro-cid-f5sri552].featured .card-icon[data-astro-cid-f5sri552]{background:transparent;box-shadow:0 12px 30px rgba(6,95,70,0.4)}.consulting-card[data-astro-cid-f5sri552] h3[data-astro-cid-f5sri552]{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.05);transform:perspective(600px) rotateX(3deg);transition:all 0.3s ease}.consulting-card[data-astro-cid-f5sri552] h3[data-astro-cid-f5sri552]:hover{transform:perspective(600px) rotateX(0deg) scale(1.02);text-shadow:3px 3px 6px rgba(0,0,0,0.1)}.consulting-card[data-astro-cid-f5sri552] p[data-astro-cid-f5sri552]{color:#4b5563;line-height:1.8;margin-bottom:1.5rem;flex-grow:1;font-size:1.125rem}.service-highlights[data-astro-cid-f5sri552]{list-style:none;padding:0;margin-bottom:2rem;background:transparent;border-radius:1rem;padding:1.5rem;border:1px solid rgba(16,185,129,0.1);transform:perspective(800px) rotateX(3deg);transition:all 0.3s ease}.service-highlights[data-astro-cid-f5sri552]:hover{transform:perspective(800px) rotateX(0deg) scale(1.02);border-color:rgba(16,185,129,0.2)}.service-highlights[data-astro-cid-f5sri552] li[data-astro-cid-f5sri552]{padding:0.75rem 0;color:#374151;position:relative;padding-left:2rem;font-size:1rem;font-weight:500;border-bottom:1px solid rgba(16,185,129,0.1)}.service-highlights[data-astro-cid-f5sri552] li[data-astro-cid-f5sri552]:last-child{border-bottom:none}.service-highlights[data-astro-cid-f5sri552] li[data-astro-cid-f5sri552]::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:bold;font-size:1.2rem;top:0.75rem;width:20px;height:20px;background:transparent;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;box-shadow:0 4px 8px rgba(16,185,129,0.3)}.service-link[data-astro-cid-f5sri552]{color:#10b981;font-weight:600;text-decoration:none;transition:all 0.3s ease;margin-top:auto;padding:0.75rem 1.5rem;border-radius:0.75rem;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(5,150,105,0.1));border:2px solid rgba(16,185,129,0.2);display:inline-block;transform:perspective(500px) rotateX(5deg)}.service-link[data-astro-cid-f5sri552]:hover{color:#065f46;text-decoration:none;transform:perspective(500px) rotateX(0deg) translateY(-2px) scale(1.05);background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(5,150,105,0.2));border-color:rgba(16,185,129,0.4);box-shadow:0 8px 25px rgba(16,185,129,0.2)}.consulting-cta[data-astro-cid-f5sri552]{background:transparent;border-radius:1.5rem;padding:3rem;text-align:center;color:white;position:relative;z-index:3;box-shadow:0 15px 35px rgba(0,0,0,0.15);transform:perspective(800px) rotateX(5deg);transition:all 0.3s ease;overflow:hidden}.consulting-cta[data-astro-cid-f5sri552]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(5,150,105,0.1));z-index:-1}.consulting-cta[data-astro-cid-f5sri552]:hover{transform:perspective(800px) rotateX(0deg) scale(1.02);box-shadow:0 20px 45px rgba(0,0,0,0.2)}.cta-content[data-astro-cid-f5sri552] h3[data-astro-cid-f5sri552]{font-size:2.5rem;font-weight:900;margin-bottom:1rem;text-shadow:4px 4px 0px rgba(0,0,0,0.2),8px 8px 0px rgba(0,0,0,0.1);transform:perspective(600px) rotateX(5deg);transition:all 0.6s ease}.cta-content[data-astro-cid-f5sri552] h3[data-astro-cid-f5sri552]:hover{transform:perspective(600px) rotateX(0deg) scale(1.02);text-shadow:6px 6px 0px rgba(0,0,0,0.2),12px 12px 0px rgba(0,0,0,0.1)}.cta-content[data-astro-cid-f5sri552] p[data-astro-cid-f5sri552]{font-size:1.125rem;opacity:0.9;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.8}.cta-buttons[data-astro-cid-f5sri552]{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary[data-astro-cid-f5sri552],.btn-secondary[data-astro-cid-f5sri552]{padding:1rem 2rem;border-radius:0.75rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;font-size:1rem;transform:perspective(500px) rotateX(5deg)}.btn-primary[data-astro-cid-f5sri552]{background:transparent;color:#10b981;box-shadow:0 8px 25px rgba(255,255,255,0.2)}.btn-primary[data-astro-cid-f5sri552]:hover{background:transparent;transform:perspective(500px) rotateX(0deg) translateY(-2px) scale(1.05);box-shadow:0 12px 35px rgba(255,255,255,0.3);text-decoration:none;color:#065f46}.btn-secondary[data-astro-cid-f5sri552]{background:transparent;color:white;border:2px solid rgba(16,185,129,0.3)}.btn-secondary[data-astro-cid-f5sri552]:hover{background:rgba(16,185,129,0.1);border-color:#10b981;text-decoration:none;transform:perspective(500px) rotateX(0deg) translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(16,185,129,0.2)}@media (max-width: 1024px){.consulting-grid[data-astro-cid-f5sri552]{gap:2rem}.consulting-card[data-astro-cid-f5sri552]{transform:perspective(800px) rotateX(3deg) rotateY(1deg)}.consulting-card[data-astro-cid-f5sri552]:hover{transform:perspective(800px) rotateX(0deg) rotateY(0deg) translateY(-8px) scale(1.02)}}@media (max-width: 768px){.consulting-preview[data-astro-cid-f5sri552]{padding:5rem 0}.section-header[data-astro-cid-f5sri552] h2[data-astro-cid-f5sri552]{font-size:2.75rem;text-shadow:3px 3px 0px #e5e7eb,6px 6px 0px #d1d5db}.consulting-grid[data-astro-cid-f5sri552]{grid-template-columns:1fr;gap:1.5rem}.consulting-card[data-astro-cid-f5sri552]{transform:perspective(600px) rotateX(2deg)}.consulting-card[data-astro-cid-f5sri552]:hover{transform:perspective(600px) rotateX(0deg) translateY(-6px) scale(1.02)}.consulting-cta[data-astro-cid-f5sri552]{padding:2rem}.cta-content[data-astro-cid-f5sri552] h3[data-astro-cid-f5sri552]{font-size:1.875rem;text-shadow:2px 2px 0px rgba(0,0,0,0.2),4px 4px 0px rgba(0,0,0,0.1)}.cta-buttons[data-astro-cid-f5sri552]{flex-direction:column;gap:1rem}.text-line[data-astro-cid-f5sri552]{font-size:3.5rem}}@media (max-width: 480px){.consulting-card[data-astro-cid-f5sri552]{padding:2rem;transform:none}.consulting-card[data-astro-cid-f5sri552]:hover{transform:translateY(-4px) scale(1.01)}.card-icon[data-astro-cid-f5sri552]{width:60px;height:60px;transform:none}.card-icon[data-astro-cid-f5sri552]:hover{transform:scale(1.05)}.section-header[data-astro-cid-f5sri552] h2[data-astro-cid-f5sri552]{font-size:2.25rem}.text-line[data-astro-cid-f5sri552]{font-size:2.5rem}}/* Hero Section Styles */
.consulting {
    padding: 2rem 0;
    background: #f8fafc;
}

.consulting--page {
    padding-top: 1rem;
}

.consulting__hero {
    text-align: left;
    margin-bottom: 3rem;
    padding: 3rem 2rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.consulting__hero-tag {
    display: inline-block;
    background: #3b82f6;
    color: white;
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.consulting__title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #1a202c;
}

.consulting__description {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.6;
    color: #4a5568;
}

.consulting__tabs {
    margin-top: 2rem;
}

.consulting__tab-list {
    margin-bottom: 1rem;
}

.consulting__tab {
    display: inline-block;
    background: #e2e8f0;
    color: #2d3748;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.875rem;
}

.consulting__tab--active {
    background: #3b82f6;
    color: white;
}

.consulting__process-overview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.consulting__process-item {
    background: #f7fafc;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    color: #2d3748;
    border-left: 4px solid #3b82f6;
}

.consulting__results-note {
    font-style: italic;
    color: #718096;
    font-size: 0.9rem;
}

/* Process Section Styles */
.consulting__process-section {
    padding: 3rem 0;
    background: white;
    margin-bottom: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.consulting__content-grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.consulting__content-header {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.consulting__section-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0;
}

.consulting__section-subtitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: #4a5568;
    margin: 1rem 0 0.5rem 0;
}

.consulting__content-body {
    line-height: 1.7;
}

.consulting__section-description {
    font-size: 1rem;
    color: #4a5568;
    margin-bottom: 1rem;
    line-height: 1.6;
}

.consulting__education-content p {
    margin-bottom: 1.5rem;
}

.consulting__section-additional {
    font-size: 1rem;
    color: #718096;
    font-style: italic;
    margin-top: 1rem;
}

.consulting__section-cta {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.consulting__cta-link {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border: 2px solid #3b82f6;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.consulting__cta-link:hover {
    background: #3b82f6;
    color: white;
}

/* Blog Section Styles */
.consulting__blog-section {
    padding: 3rem 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-top: 2rem;
}

.consulting__blog-header {
    text-align: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.consulting__blog-header h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2d3748;
    margin: 0 0 0.5rem 0;
}

.consulting__blog-header p {
    font-size: 1rem;
    color: #718096;
    margin: 0;
}

.consulting__blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    padding: 0 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .consulting__title {
        font-size: 2rem;
    }

    .consulting__hero {
        padding: 2rem 1rem;
    }

    .consulting__process-overview {
        grid-template-columns: 1fr;
    }

    .consulting__content-grid {
        padding: 0 1rem;
    }

    .consulting__section-title {
        font-size: 1.5rem;
    }

    .consulting__blog-grid {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }
}.newsletter-section {
    position: relative;
    padding: 6rem 0;
    background: rgba(15, 23, 42, 0.8);
    color: white;
    overflow: hidden;
    border: none;
    box-shadow: none;
    backdrop-filter: blur(10px);
}

html[data-theme="light"] .newsletter-section {
    background: rgba(249, 250, 251, 0.8);
    color: #1f2937;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

/* Background Elements */
.newsletter-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.floating-text {
    position: absolute;
    top: 20%;
    left: -20%;
    font-size: 8rem;
    font-weight: 900;
    color: rgba(245, 158, 11, 0.03);
    transform: rotate(-15deg);
    white-space: nowrap;
    animation: floatText 20s linear infinite;
}

html[data-theme="light"] .floating-text {
    color: rgba(59, 130, 246, 0.03);
}

@keyframes floatText {
    0% {
        transform: translateX(-100%) rotate(-15deg);
    }

    100% {
        transform: translateX(100vw) rotate(-15deg);
    }
}

.geometric-shape {
    position: absolute;
    top: 10%;
    right: 10%;
    width: 200px;
    height: 200px;
    background: linear-gradient(45deg, rgba(245, 158, 11, 0.1), rgba(59, 130, 246, 0.1));
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    animation: morphShape 8s ease-in-out infinite;
}

html[data-theme="light"] .geometric-shape {
    background: linear-gradient(45deg, rgba(59, 130, 246, 0.1), rgba(16, 185, 129, 0.1));
}

@keyframes morphShape {

    0%,
    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    }

    50% {
        border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
    }
}

.gradient-orb {
    position: absolute;
    bottom: 20%;
    left: 20%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(245, 158, 11, 0.1), transparent);
    border-radius: 50%;
    animation: pulse 6s ease-in-out infinite;
}

html[data-theme="light"] .gradient-orb {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent);
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.2;
    }
}

/* Main Content */
.newsletter-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 3rem;
    align-items: center;
}

/* Founder Mini Profile */
.founder-mini {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.founder-avatar {
    position: relative;
    margin-bottom: 1rem;
}

.founder-avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #f59e0b;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.3);
    transition: all 0.3s ease;
}

html[data-theme="light"] .founder-avatar img {}

.founder-avatar:hover img {
    transform: scale(1.1);
    box-shadow: 0 15px 40px rgba(245, 158, 11, 0.4);
}

html[data-theme="light"] .founder-avatar:hover img {}

.avatar-glow {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, #f59e0b, #ef4444, #3b82f6, #06b6d4, #f59e0b);
    z-index: -1;
    animation: rotate 3s linear infinite;
    opacity: 0.6;
}

html[data-theme="light"] .avatar-glow {
    background: conic-gradient(from 0deg, #3b82f6, #10b981, #f59e0b, #ef4444, #06b6d4);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.founder-info h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #f59e0b;
    margin-bottom: 0.5rem;
}

html[data-theme="light"] .founder-info h4 {
    color: #3b82f6;
}

.founder-info p {
    font-size: 0.9rem;
    color: #94a3b8;
    margin: 0;
}

html[data-theme="light"] .founder-info p {
    color: #6b7280;
}

/* Newsletter Main Content */
.newsletter-main {
    max-width: 600px;
}

.newsletter-main h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    color: white;
}

html[data-theme="light"] .newsletter-main h2 {
    color: #1f2937;
}

.highlight {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f59e0b;
}

html[data-theme="light"] .highlight {
    background: linear-gradient(135deg, #3b82f6, #3b82f6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.newsletter-description {
    font-size: 1.25rem;
    line-height: 1.6;
    color: #e2e8f0;
    margin-bottom: 2rem;
}

html[data-theme="light"] .newsletter-description {
    color: #4b5563;
}

/* Benefits */
.newsletter-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

html[data-theme="light"] .benefit-item {
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.benefit-item:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(245, 158, 11, 0.4);
    transform: translateY(-2px);
}

html[data-theme="light"] .benefit-item:hover {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.4);
}

.benefit-icon {
    color: #f59e0b;
    flex-shrink: 0;
}

html[data-theme="light"] .benefit-icon {
    color: #3b82f6;
}

.benefit-item span {
    font-size: 0.95rem;
    font-weight: 500;
    color: #e2e8f0;
}

html[data-theme="light"] .benefit-item span {
    color: #4b5563;
}

/* Form */
.newsletter-form {
    margin-bottom: 2rem;
}

.form-group {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.email-input {
    flex: 1;
    padding: 1rem 1.5rem;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.05);
    color: white;
    font-size: 1rem;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

html[data-theme="light"] .email-input {
    border: 2px solid rgba(59, 130, 246, 0.2);
    background: rgba(255, 255, 255, 0.8);
    color: #1f2937;
}

.email-input:focus {
    outline: none;
    border-color: #f59e0b;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.1);
}

html[data-theme="light"] .email-input:focus {
    border-color: #3b82f6;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.email-input::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] .email-input::placeholder {
    color: #6b7280;
}

.subscribe-btn {
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white;
    border: none;
    border-radius: 0.75rem;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

html[data-theme="light"] .subscribe-btn {
    background: linear-gradient(135deg, #3b82f6, #3b82f6);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

.subscribe-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.4);
    background: linear-gradient(135deg, #ef4444, #dc2626);
}

html[data-theme="light"] .subscribe-btn:hover {
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.form-note {
    font-size: 0.9rem;
    color: #94a3b8;
    text-align: center;
    margin: 0;
}

html[data-theme="light"] .form-note {
    color: #6b7280;
}

/* Social Proof */
.social-proof {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 2rem;
}

html[data-theme="light"] .social-proof {
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

.proof-stats {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
}

.stat {
    text-align: center;
}

.stat-number {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #f59e0b;
    margin-bottom: 0.25rem;
}

html[data-theme="light"] .stat-number {
    color: #3b82f6;
}

.stat-label {
    font-size: 0.9rem;
    color: #94a3b8;
}

html[data-theme="light"] .stat-label {
    color: #6b7280;
}

/* Success Message */
.success-message {
    text-align: center;
    background: rgba(16, 185, 129, 0.1);
    border: 2px solid #10b981;
    border-radius: 1rem;
    padding: 3rem;
    max-width: 500px;
    margin: 0 auto;
    backdrop-filter: blur(10px);
}

.success-icon {
    color: #10b981;
    margin-bottom: 1rem;
}

.success-message h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #10b981;
    margin-bottom: 1rem;
}

.success-message p {
    color: #e2e8f0;
    margin: 0;
}

html[data-theme="light"] .success-message p {
    color: #4b5563;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .newsletter-content {
        grid-template-columns: 1fr;
        gap: 2rem;
        text-align: center;
    }

    .newsletter-main h2 {
        font-size: 2.5rem;
    }

    .floating-text {
        font-size: 6rem;
    }
}

@media (max-width: 768px) {
    .newsletter-section {
        padding: 4rem 0;
    }

    .newsletter-main h2 {
        font-size: 2rem;
    }

    .newsletter-description {
        font-size: 1.1rem;
    }

    .form-group {
        flex-direction: column;
    }

    .newsletter-benefits {
        flex-direction: column;
    }

    .proof-stats {
        flex-direction: column;
        gap: 1rem;
    }

    .floating-text {
        font-size: 4rem;
    }

    .geometric-shape {
        width: 150px;
        height: 150px;
    }

    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .newsletter-main h2 {
        font-size: 1.5rem;
    }

    .founder-avatar img {
        width: 80px;
        height: 80px;
    }

    .success-message {
        padding: 2rem;
    }

    .newsletter-benefits {
        gap: 1rem;
    }

    .benefit-item {
        padding: 0.5rem 0.75rem;
    }
}
.newsletter-section[data-astro-cid-7w4glafm]{position:relative;padding:6rem 0;background:transparent;color:white;overflow:hidden;border:none;box-shadow:none}html[data-theme=light] .newsletter-section[data-astro-cid-7w4glafm]{background:transparent;color:#1f2937}.newsletter-background[data-astro-cid-7w4glafm]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-text[data-astro-cid-7w4glafm]{position:absolute;top:20%;left:-20%;font-size:8rem;font-weight:900;color:rgba(245,158,11,0.03);transform:rotate(-15deg);white-space:nowrap;animation:floatText 20s linear infinite}html[data-theme=light] .floating-text[data-astro-cid-7w4glafm]{color:rgba(79,70,229,0.03)}@keyframes floatText{0%{transform:translateX(-100%) rotate(-15deg)}100%{transform:translateX(100vw) rotate(-15deg)}}.geometric-shape[data-astro-cid-7w4glafm]{position:absolute;top:10%;right:10%;width:200px;height:200px;background:transparent;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;animation:morphShape 8s ease-in-out infinite}@keyframes morphShape{0%,100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70% / 70% 70% 30% 30%}}.gradient-orb[data-astro-cid-7w4glafm]{position:absolute;bottom:20%;left:20%;width:300px;height:300px;background:transparent;border-radius:50%;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.2);opacity:0.2}}.newsletter-content[data-astro-cid-7w4glafm]{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto}.founder-mini[data-astro-cid-7w4glafm]{display:flex;flex-direction:column;align-items:center;text-align:center}.founder-avatar[data-astro-cid-7w4glafm]{position:relative;margin-bottom:1rem}.founder-avatar[data-astro-cid-7w4glafm] img[data-astro-cid-7w4glafm]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #f59e0b;box-shadow:0 10px 30px rgba(245,158,11,0.3);transition:all 0.3s ease}.founder-avatar[data-astro-cid-7w4glafm]:hover img[data-astro-cid-7w4glafm]{transform:scale(1.1);box-shadow:0 15px 40px rgba(245,158,11,0.4)}.avatar-glow[data-astro-cid-7w4glafm]{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:transparent;z-index:-1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.founder-info[data-astro-cid-7w4glafm] h4[data-astro-cid-7w4glafm]{font-size:1.25rem;font-weight:700;color:#f59e0b;margin-bottom:0.5rem}.founder-info[data-astro-cid-7w4glafm] p[data-astro-cid-7w4glafm]{font-size:0.9rem;color:#94a3b8;margin:0}.newsletter-main[data-astro-cid-7w4glafm]{max-width:600px}.newsletter-main[data-astro-cid-7w4glafm] h2[data-astro-cid-7w4glafm]{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.highlight[data-astro-cid-7w4glafm]{background:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#f59e0b;color:#f59e0b}.newsletter-description[data-astro-cid-7w4glafm]{font-size:1.25rem;line-height:1.6;color:#e2e8f0;margin-bottom:2rem}html[data-theme=light] .newsletter-description[data-astro-cid-7w4glafm]{color:#4b5563}.newsletter-benefits[data-astro-cid-7w4glafm]{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.benefit-item[data-astro-cid-7w4glafm]{display:flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.05);padding:0.75rem 1rem;border-radius:0.75rem;border:1px solid rgba(245,158,11,0.2)}html[data-theme=light] .benefit-item[data-astro-cid-7w4glafm]{background:rgba(79,70,229,0.05);border:1px solid rgba(79,70,229,0.2)}.benefit-icon[data-astro-cid-7w4glafm]{color:#f59e0b;flex-shrink:0}.benefit-item[data-astro-cid-7w4glafm] span[data-astro-cid-7w4glafm]{font-size:0.95rem;font-weight:500;color:#e2e8f0}html[data-theme=light] .benefit-item[data-astro-cid-7w4glafm] span[data-astro-cid-7w4glafm]{color:#4b5563}.newsletter-form[data-astro-cid-7w4glafm]{margin-bottom:2rem}.form-group[data-astro-cid-7w4glafm]{display:flex;gap:1rem;margin-bottom:1rem}.email-input[data-astro-cid-7w4glafm]{flex:1;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,0.1);border-radius:0.75rem;background:rgba(255,255,255,0.05);color:white;font-size:1rem;transition:all 0.3s ease}html[data-theme=light] .email-input[data-astro-cid-7w4glafm]{border:2px solid rgba(79,70,229,0.2);background:rgba(255,255,255,0.8);color:#1f2937}.email-input[data-astro-cid-7w4glafm]:focus{outline:none;border-color:#f59e0b;background:rgba(255,255,255,0.1)}.email-input[data-astro-cid-7w4glafm]::placeholder{color:#94a3b8}html[data-theme=light] .email-input[data-astro-cid-7w4glafm]::placeholder{color:#6b7280}.subscribe-btn[data-astro-cid-7w4glafm]{padding:1rem 2rem;background:#f59e0b;color:#1e293b;border:none;border-radius:0.75rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;white-space:nowrap}html[data-theme=light] .subscribe-btn[data-astro-cid-7w4glafm]{background:#4f46e5;color:white}.subscribe-btn[data-astro-cid-7w4glafm]:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(245,158,11,0.3)}.form-note[data-astro-cid-7w4glafm]{font-size:0.9rem;color:#94a3b8;text-align:center;margin:0}html[data-theme=light] .form-note[data-astro-cid-7w4glafm]{color:#6b7280}.social-proof[data-astro-cid-7w4glafm]{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem}html[data-theme=light] .social-proof[data-astro-cid-7w4glafm]{border-top:1px solid rgba(79,70,229,0.2)}.proof-stats[data-astro-cid-7w4glafm]{display:flex;justify-content:space-around;gap:2rem}.stat[data-astro-cid-7w4glafm]{text-align:center}.stat-number[data-astro-cid-7w4glafm]{display:block;font-size:1.5rem;font-weight:700;color:#f59e0b;margin-bottom:0.25rem}html[data-theme=light] .stat-number[data-astro-cid-7w4glafm]{color:#4f46e5}.stat-label[data-astro-cid-7w4glafm]{font-size:0.9rem;color:#94a3b8}html[data-theme=light] .stat-label[data-astro-cid-7w4glafm]{color:#6b7280}.success-message[data-astro-cid-7w4glafm]{text-align:center;background:rgba(16,185,129,0.1);border:2px solid #10b981;border-radius:1rem;padding:3rem;max-width:500px;margin:0 auto}.success-icon[data-astro-cid-7w4glafm]{color:#10b981;margin-bottom:1rem}.success-message[data-astro-cid-7w4glafm] h3[data-astro-cid-7w4glafm]{font-size:1.5rem;font-weight:700;color:#10b981;margin-bottom:1rem}.success-message[data-astro-cid-7w4glafm] p[data-astro-cid-7w4glafm]{color:#e2e8f0;margin:0}@media (max-width: 1024px){.newsletter-content[data-astro-cid-7w4glafm]{grid-template-columns:1fr;gap:2rem;text-align:center}.newsletter-main[data-astro-cid-7w4glafm] h2[data-astro-cid-7w4glafm]{font-size:2.5rem}.floating-text[data-astro-cid-7w4glafm]{font-size:6rem}}@media (max-width: 768px){.newsletter-section[data-astro-cid-7w4glafm]{padding:4rem 0}.newsletter-main[data-astro-cid-7w4glafm] h2[data-astro-cid-7w4glafm]{font-size:2rem}.newsletter-description[data-astro-cid-7w4glafm]{font-size:1.1rem}.form-group[data-astro-cid-7w4glafm]{flex-direction:column}.newsletter-benefits[data-astro-cid-7w4glafm]{flex-direction:column}.proof-stats[data-astro-cid-7w4glafm]{flex-direction:column;gap:1rem}.floating-text[data-astro-cid-7w4glafm]{font-size:4rem}.geometric-shape[data-astro-cid-7w4glafm]{width:150px;height:150px}}@media (max-width: 480px){.newsletter-main[data-astro-cid-7w4glafm] h2[data-astro-cid-7w4glafm]{font-size:1.5rem}.founder-avatar[data-astro-cid-7w4glafm] img[data-astro-cid-7w4glafm]{width:80px;height:80px}.success-message[data-astro-cid-7w4glafm]{padding:2rem}}.newsletter {
    padding: 4rem 0;
}

.newsletter--page {
    padding-top: 2rem;
}

.newsletter__hero {
    position: relative;
    text-align: center;
    margin-bottom: 4rem;
    padding: 6rem 2rem;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    border-radius: 20px;
    overflow: hidden;
}

.newsletter__hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.newsletter__moving-text {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 2px;
    opacity: 0.3;
    animation: moveText 20s linear infinite;
}

@keyframes moveText {
    0% {
        transform: translateX(-100vw);
    }

    100% {
        transform: translateX(100vw);
    }
}

.newsletter__geometric-element {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 100px;
    height: 100px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translateY(-50%);
}

.newsletter__hero-content {
    position: relative;
    z-index: 2;
}

.newsletter__title {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.newsletter__highlight {
    background: linear-gradient(45deg, #fff, #f0f0f0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.newsletter__description {
    font-size: 1.25rem;
    margin-bottom: 3rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9;
}

.newsletter__stats {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-top: 3rem;
}

.newsletter__stat-item {
    text-align: center;
}

.newsletter__stat-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.newsletter__stat-label {
    font-size: 1rem;
    opacity: 0.8;
}

.newsletter__benefits {
    margin-bottom: 4rem;
}

.newsletter__section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.newsletter__section-header h2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.newsletter__section-header p {
    font-size: 1.2rem;
    color: #666;
    max-width: 600px;
    margin: 0 auto;
}

.newsletter__benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.newsletter__benefit-item {
    text-align: center;
    padding: 2rem;
    background: #fff;
    
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.newsletter__benefit-item:hover {
    transform: translateY(-5px);
}

.newsletter__benefit-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.newsletter__benefit-item h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #333;
}

.newsletter__benefit-item p {
    color: #666;
    line-height: 1.6;
}

.newsletter__testimonials {
    margin-bottom: 4rem;
}

.newsletter__testimonials h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 3rem;
    color: #333;
}

.newsletter__testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.newsletter__testimonial {
    padding: 2rem;
    background: #f8f9fa;
    
    border-left: 4px solid #3b82f6;
}

.newsletter__testimonial p {
    font-style: italic;
    color: #555;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.newsletter__testimonial-author {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.newsletter__testimonial-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.newsletter__testimonial-author div {
    display: flex;
    flex-direction: column;
}

.newsletter__testimonial-author strong {
    color: #333;
    margin-bottom: 0.25rem;
}

.newsletter__testimonial-author span {
    color: #666;
    font-size: 0.9rem;
}

.newsletter__signup {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    padding: 3rem;
    border-radius: 20px;
    color: white;
    text-align: center;
}

.newsletter__form h2 {
    font-size: 2rem;
    margin-bottom: 2rem;
}

.newsletter__form-group {
    margin-bottom: 1.5rem;
    text-align: left;
}

.newsletter__form-group label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.newsletter__required {
    color: #ffeb3b;
    margin-left: 0.25rem;
}

.newsletter__input {
    width: 100%;
    padding: 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
}

.newsletter__submit {
    background: white;
    color: #3b82f6;
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: transform 0.2s ease;
}

.newsletter__submit:hover {
    transform: translateY(-2px);
}

.newsletter__privacy,
.newsletter__frequency {
    margin-top: 2rem;
    text-align: center;
}

.newsletter__privacy h3,
.newsletter__frequency h3 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.newsletter__privacy p,
.newsletter__frequency p {
    font-size: 0.9rem;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .newsletter__title {
        font-size: 2.5rem;
    }

    .newsletter__stats {
        flex-direction: column;
        gap: 1.5rem;
    }

    .newsletter__benefits-grid,
    .newsletter__testimonials-grid {
        grid-template-columns: 1fr;
    }

    .newsletter__signup {
        padding: 2rem 1rem;
    }
}
.how-it-works-section {
    padding: 8rem 0;
    background: rgba(249, 250, 251, 0.5);
    position: relative;
    overflow: hidden;
}

html[data-theme="dark"] .how-it-works-section {
    background: rgba(15, 23, 42, 0.5);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 2;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 2rem;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
    transform: perspective(500px) rotateX(10deg);
    transition: all 0.3s ease;
}

.section-badge:hover {
    transform: perspective(500px) rotateX(0deg) scale(1.05);
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);
}

.section-header h2 {
    font-size: 3.5rem;
    font-weight: 900;
    color: #1f2937;
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

html[data-theme="dark"] .section-header h2 {
    color: #ffffff;
}

.highlight {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.section-header p {
    font-size: 1.25rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

html[data-theme="dark"] .section-header p {
    color: #d1d5db;
}

.steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.step-card {
    background: white;
    border-radius: 1.5rem;
    padding: 2.5rem 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(229, 231, 235, 0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    backdrop-filter: blur(10px);
}

html[data-theme="dark"] .step-card {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.step-card::before {
    content: attr(data-step);
    position: absolute;
    top: -15px;
    right: 20px;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 700;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

.step-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    border-color: rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .step-card:hover {
    box-shadow: 0 20px 50px rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.4);
}

.step-icon {
    width: 80px;
    height: 80px;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.step-card:hover .step-icon {
    transform: scale(1.1);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2);
}

.blue-gradient {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.purple-gradient {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
}

.green-gradient {
    background: linear-gradient(135deg, #10b981, #059669);
}

.orange-gradient {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
}

.step-content h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.3;
}

html[data-theme="dark"] .step-content h3 {
    color: #ffffff;
}

.step-content p {
    font-size: 1rem;
    color: #6b7280;
    line-height: 1.6;
    margin: 0;
}

html[data-theme="dark"] .step-content p {
    color: #d1d5db;
}

.how-it-works-cta {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(29, 78, 216, 0.1));
    border-radius: 2rem;
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid rgba(59, 130, 246, 0.2);
    backdrop-filter: blur(10px);
}

html[data-theme="dark"] .how-it-works-cta {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(29, 78, 216, 0.1));
    border-color: rgba(59, 130, 246, 0.3);
}

.how-it-works-cta h3 {
    font-size: 2.25rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 1rem;
}

html[data-theme="dark"] .how-it-works-cta h3 {
    color: #ffffff;
}

.how-it-works-cta p {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 2rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

html[data-theme="dark"] .how-it-works-cta p {
    color: #d1d5db;
}

.cta-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.btn-primary,
.btn-secondary {
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);
    text-decoration: none;
    color: white;
}

.btn-secondary {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 2px solid rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .btn-secondary {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.3);
}

.btn-secondary:hover {
    background: rgba(59, 130, 246, 0.2);
    border-color: #3b82f6;
    transform: translateY(-2px);
    text-decoration: none;
    color: #1d4ed8;
}

html[data-theme="dark"] .btn-secondary:hover {
    background: rgba(59, 130, 246, 0.2);
    border-color: #60a5fa;
    color: #3b82f6;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .steps-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1.5rem;
    }

    .section-header h2 {
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .how-it-works-section {
        padding: 5rem 0;
    }

    .section-header h2 {
        font-size: 2.5rem;
    }

    .steps-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .how-it-works-cta {
        padding: 2rem 1.5rem;
    }

    .how-it-works-cta h3 {
        font-size: 1.875rem;
    }

    .cta-buttons {
        flex-direction: column;
        gap: 1rem;
    }

    .container {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .section-header h2 {
        font-size: 2rem;
    }

    .step-card {
        padding: 2rem 1.5rem;
    }

    .step-icon {
        width: 60px;
        height: 60px;
    }

    .step-content h3 {
        font-size: 1.25rem;
    }

    .how-it-works-cta h3 {
        font-size: 1.5rem;
    }
}
/* Courses Section - Home Page */
.courses-section-home {
    padding: 5rem 0;
    background: rgba(248, 250, 252, 0.8);
}

html[data-theme="dark"] .courses-section-home {
    background: rgba(15, 23, 42, 0.8);
}

.courses-section-header {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 4rem auto;
}

.courses-main-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 1.5rem;
    line-height: 1.1;
}

html[data-theme="dark"] .courses-main-title {
    color: #ffffff;
}

.courses-main-subtitle {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

html[data-theme="dark"] .courses-main-subtitle {
    color: #d1d5db;
}

.courses-highlight-text {
    font-size: 1.125rem;
    color: #374151;
    margin: 0;
}

html[data-theme="dark"] .courses-highlight-text {
    color: #f9fafb;
}

.angled-highlight {
    background: rgba(0, 0, 0, 0.1);
    color: #1f2937;
    padding: 0.2em 0.6em;
    transform: rotate(-1deg);
    display: inline-block;
    font-weight: 600;
    border: 2px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .angled-highlight {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-color: #374151;
}

.courses-grid-home {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.course-card-home {
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid rgba(226, 232, 240, 0.8);
    border-radius: 12px;
    padding: 2rem;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

html[data-theme="dark"] .course-card-home {
    background: rgba(15, 23, 42, 0.95);
    border-color: rgba(59, 130, 246, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.course-card-home:hover {
    transform: translateY(-4px);
    border-color: rgba(59, 130, 246, 0.6);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12),
        0 4px 16px rgba(59, 130, 246, 0.2);
}

.course-image {
    width: 100%;
    height: 200px;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    overflow: hidden;
}

.course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.course-title {
    font-size: 1.375rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1rem;
    line-height: 1.3;
}

html[data-theme="dark"] .course-title {
    color: #ffffff;
}

.course-description {
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

html[data-theme="dark"] .course-description {
    color: #d1d5db;
}

.course-link {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.3s ease;
}

.course-link:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

html[data-theme="dark"] .course-link {
    color: #60a5fa;
}

html[data-theme="dark"] .course-link:hover {
    color: #3b82f6;
}

.courses-cta {
    text-align: center;
    padding-top: 2rem;
    border-top: 2px solid rgba(226, 232, 240, 0.8);
}

html[data-theme="dark"] .courses-cta {
    border-color: rgba(59, 130, 246, 0.3);
}

.courses-cta-text {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 1rem;
}

html[data-theme="dark"] .courses-cta-text {
    color: #d1d5db;
}

.courses-contact {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.contact-email {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border: 2px solid #3b82f6;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: inline-block;
}

.contact-email:hover {
    background: #3b82f6;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .contact-email {
    color: #60a5fa;
    border-color: #60a5fa;
}

html[data-theme="dark"] .contact-email:hover {
    background: #60a5fa;
    color: #0f172a;
}

@media (max-width: 768px) {
    .courses-main-title {
        font-size: 2.5rem;
    }

    .courses-grid-home {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .course-card-home {
        padding: 1.5rem;
    }

    .courses-contact {
        flex-direction: column;
        align-items: center;
    }
}.courses-section {
    padding: 1.5rem 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

html[data-theme="dark"] .courses-section {
    background: transparent;
    border: none;
    box-shadow: none;
}

.courses-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(16, 185, 129, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

html[data-theme="dark"] .courses-section::before {
    background:
        radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.05) 0%, transparent 70%);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    position: relative;
    z-index: 1;
}

.courses-header {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(59, 130, 246, 0.3);
    backdrop-filter: blur(10px);
}

html[data-theme="dark"] .section-badge {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border-color: rgba(59, 130, 246, 0.4);
}

.courses-header h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1.5rem 0;
    color: #1f2937;
    letter-spacing: -0.02em;
}

html[data-theme="dark"] .courses-header h2 {
    color: #ffffff;
}

.highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.15em 0.4em;
    display: inline-block;
    margin: 0 0.08em;
    font-weight: 800;
    box-shadow: 0 3px 10px rgba(59, 130, 246, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
    border-radius: 4px;
}

html[data-theme="dark"] .highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(96, 165, 250, 0.4);
}

.courses-header p {
    font-size: 1.25rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
}

html[data-theme="dark"] .courses-header p {
    color: #d1d5db;
}

.courses-additional-text {
    font-size: 1.1rem;
    color: #6b7280;
    line-height: 1.6;
    max-width: 900px;
    margin: 1.5rem auto 0;
    font-weight: 500;
}

html[data-theme="dark"] .courses-additional-text {
    color: #d1d5db;
}

.angled-highlight {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: white;
    padding: 0.15em 0.4em;
    display: inline;
    margin: 0 0.08em;
    font-weight: 700;
    box-shadow: 0 3px 10px rgba(59, 130, 246, 0.3);
    transform: rotate(-1deg);
    transition: all 0.3s ease;
    border-radius: 4px;
    font-style: italic;
}

html[data-theme="dark"] .angled-highlight {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    color: white;
    box-shadow: 0 3px 10px rgba(96, 165, 250, 0.4);
}

.courses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.course-card {
    background: #ffffff;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
    display: flex;
    flex-direction: column;
}

html[data-theme="dark"] .course-card {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(12px);
}

.course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.1);
}

html[data-theme="dark"] .course-card:hover {
    box-shadow: 0 10px 25px -3px rgba(0, 0, 0, 0.3);
    border-color: rgba(59, 130, 246, 0.3);
}

.course-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.course-card:hover .course-image img {
    transform: scale(1.05);
}

.course-content {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.course-category {
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

html[data-theme="dark"] .course-category {
    color: #9ca3af;
}

.course-content h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 1rem 0;
    line-height: 1.4;
}

html[data-theme="dark"] .course-content h3 {
    color: #f3f4f6;
}

.course-content p {
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 1.5rem 0;
    flex-grow: 1;
}

html[data-theme="dark"] .course-content p {
    color: #d1d5db;
}

.course-actions {
    margin-top: auto;
}

.course-learn-more {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #3b82f6;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.875rem;
    transition: all 0.2s;
}

.course-learn-more:hover {
    color: #2563eb;
    text-decoration: none;
    transform: translateX(2px);
}

html[data-theme="dark"] .course-learn-more {
    color: #60a5fa;
}

html[data-theme="dark"] .course-learn-more:hover {
    color: #93c5fd;
}

.courses-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.view-all-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: white;
    font-weight: 600;
    text-decoration: none;
    padding: 0.875rem 2rem;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3);
}

html[data-theme="dark"] .view-all-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

.view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.4);
    text-decoration: none;
    color: white;
}

html[data-theme="dark"] .view-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(59, 130, 246, 0.5);
    color: white;
}

.load-more-btn {
    color: #6b7280;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s;
}

html[data-theme="dark"] .load-more-btn {
    color: #9ca3af;
}

.load-more-btn:hover {
    color: #3b82f6;
}

html[data-theme="dark"] .load-more-btn:hover {
    color: #60a5fa;
}

/* Responsive Design */
@media (max-width: 768px) {
    .courses-section {
        padding: 3rem 0;
    }

    .container {
        padding: 0 1rem;
    }

    .courses-header {
        margin-bottom: 2.5rem;
    }

    .courses-header h2 {
        font-size: 2rem;
    }

    .courses-header p {
        font-size: 1rem;
    }

    .courses-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .course-image {
        height: 180px;
    }

    .course-content {
        padding: 1.25rem;
    }

    .course-content h3 {
        font-size: 1.125rem;
    }

    .footer-actions {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .courses-section {
        padding: 2rem 0;
    }

    .courses-header h2 {
        font-size: 1.75rem;
    }

    .course-content {
        padding: 1rem;
    }

    .course-content h3 {
        font-size: 1rem;
    }

    .course-content p {
        font-size: 0.9rem;
    }
}

/* Grid layout adjustments for better distribution */
@media (min-width: 1024px) {
    .courses-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .courses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}.minimal-founder-section[data-astro-cid-plf4fsxv]{background:transparent;padding:3rem 0;border-top:1px solid #f3f4f6;position:relative;overflow:hidden;border:none;box-shadow:none}html[data-theme=dark] .minimal-founder-section[data-astro-cid-plf4fsxv]{background:transparent;border-top:1px solid rgba(255,255,255,0.1);border:none;box-shadow:none}.minimal-founder-section[data-astro-cid-plf4fsxv]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:none;z-index:0}html[data-theme=dark] .minimal-founder-section[data-astro-cid-plf4fsxv]::before{background:radial-gradient(circle at 20% 30%,rgba(59,130,246,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,0.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,0.05) 0%,transparent 70%)}.container[data-astro-cid-plf4fsxv]{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.minimal-content[data-astro-cid-plf4fsxv]{max-width:1000px;margin:0 auto}.intro-section[data-astro-cid-plf4fsxv]{text-align:center;margin-bottom:4rem}.section-title[data-astro-cid-plf4fsxv]{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:0.5rem;line-height:1.2}html[data-theme=dark] .section-title[data-astro-cid-plf4fsxv]{color:#f3f4f6}.name-highlight[data-astro-cid-plf4fsxv]{color:#3b82f6}html[data-theme=dark] .name-highlight[data-astro-cid-plf4fsxv]{color:#60a5fa}.minimal-consulting[data-astro-cid-plf4fsxv] .name-highlight[data-astro-cid-plf4fsxv]{color:#10b981}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .name-highlight[data-astro-cid-plf4fsxv]{color:#34d399}.section-subtitle[data-astro-cid-plf4fsxv]{font-size:1.125rem;color:#6b7280;font-weight:500}html[data-theme=dark] .section-subtitle[data-astro-cid-plf4fsxv]{color:#9ca3af}.role-highlight[data-astro-cid-plf4fsxv]{font-size:1.75rem;font-weight:800;color:#1f2937}html[data-theme=dark] .role-highlight[data-astro-cid-plf4fsxv]{color:#f3f4f6}.content-layout[data-astro-cid-plf4fsxv]{display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:start}.image-column[data-astro-cid-plf4fsxv]{position:relative}.founder-image-container[data-astro-cid-plf4fsxv]{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.1)}html[data-theme=dark] .founder-image-container[data-astro-cid-plf4fsxv]{box-shadow:0 10px 25px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1)}.founder-image[data-astro-cid-plf4fsxv]{width:100%;height:auto;display:block;border-radius:1.5rem}.experience-label[data-astro-cid-plf4fsxv]{position:absolute;bottom:1.5rem;right:1.5rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:1rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2)}html[data-theme=dark] .experience-label[data-astro-cid-plf4fsxv]{background:rgba(15,23,42,0.8);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1)}.years[data-astro-cid-plf4fsxv]{display:block;font-size:1.5rem;font-weight:800;color:#3b82f6;line-height:1;margin-bottom:0.25rem}html[data-theme=dark] .years[data-astro-cid-plf4fsxv]{color:#60a5fa}.minimal-consulting[data-astro-cid-plf4fsxv] .years[data-astro-cid-plf4fsxv]{color:#10b981}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .years[data-astro-cid-plf4fsxv]{color:#34d399}.label[data-astro-cid-plf4fsxv]{display:block;font-size:0.75rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}html[data-theme=dark] .label[data-astro-cid-plf4fsxv]{color:#9ca3af}.text-column[data-astro-cid-plf4fsxv]{display:flex;flex-direction:column;gap:2.5rem;padding-top:1rem}.founder-quote[data-astro-cid-plf4fsxv]{background:#f9fafb;padding:2rem;border-radius:1.5rem;border-left:4px solid #3b82f6;position:relative}.founder-quote-right[data-astro-cid-plf4fsxv]{background:#f9fafb;padding:2rem;border-radius:1.5rem;border-right:4px solid #3b82f6;position:relative}html[data-theme=dark] .founder-quote[data-astro-cid-plf4fsxv]{background:rgba(30,41,59,0.6);border-left:4px solid #60a5fa;backdrop-filter:blur(12px)}html[data-theme=dark] .founder-quote-right[data-astro-cid-plf4fsxv]{background:rgba(30,41,59,0.6);border-right:4px solid #60a5fa;backdrop-filter:blur(12px)}.minimal-consulting[data-astro-cid-plf4fsxv] .founder-quote[data-astro-cid-plf4fsxv]{border-left-color:#10b981}.minimal-consulting[data-astro-cid-plf4fsxv] .founder-quote-right[data-astro-cid-plf4fsxv]{border-right-color:#10b981}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .founder-quote[data-astro-cid-plf4fsxv]{border-left-color:#34d399}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .founder-quote-right[data-astro-cid-plf4fsxv]{border-right-color:#34d399}.founder-quote[data-astro-cid-plf4fsxv] blockquote[data-astro-cid-plf4fsxv]{font-size:1.125rem;line-height:1.7;color:#374151;margin:0 0 1rem 0;font-style:italic}.founder-quote-right[data-astro-cid-plf4fsxv] blockquote[data-astro-cid-plf4fsxv]{font-size:1.125rem;line-height:1.7;color:#374151;margin:0 0 1rem 0;font-style:italic}html[data-theme=dark] .founder-quote[data-astro-cid-plf4fsxv] blockquote[data-astro-cid-plf4fsxv]{color:#e5e7eb}html[data-theme=dark] .founder-quote-right[data-astro-cid-plf4fsxv] blockquote[data-astro-cid-plf4fsxv]{color:#e5e7eb}.founder-quote[data-astro-cid-plf4fsxv] cite[data-astro-cid-plf4fsxv]{display:block;font-size:0.95rem;color:#6b7280;font-weight:600;font-style:normal}.founder-quote-right[data-astro-cid-plf4fsxv] cite[data-astro-cid-plf4fsxv]{display:block;font-size:0.95rem;color:#6b7280;font-weight:600;font-style:normal}html[data-theme=dark] .founder-quote[data-astro-cid-plf4fsxv] cite[data-astro-cid-plf4fsxv]{color:#9ca3af}html[data-theme=dark] .founder-quote-right[data-astro-cid-plf4fsxv] cite[data-astro-cid-plf4fsxv]{color:#9ca3af}.key-stats[data-astro-cid-plf4fsxv]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item[data-astro-cid-plf4fsxv]{text-align:center;padding:1.5rem;background:#ffffff;border-radius:1rem;border:1px solid #e5e7eb;transition:all 0.2s ease}html[data-theme=dark] .stat-item[data-astro-cid-plf4fsxv]{background:rgba(30,41,59,0.6);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(12px)}.stat-item[data-astro-cid-plf4fsxv]:hover{border-color:#3b82f6;box-shadow:0 4px 15px rgba(59,130,246,0.1);transform:translateY(-5px)}html[data-theme=dark] .stat-item[data-astro-cid-plf4fsxv]:hover{border-color:#60a5fa;box-shadow:0 4px 15px rgba(96,165,250,0.2)}.minimal-consulting[data-astro-cid-plf4fsxv] .stat-item[data-astro-cid-plf4fsxv]:hover{border-color:#10b981;box-shadow:0 4px 15px rgba(16,185,129,0.1)}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .stat-item[data-astro-cid-plf4fsxv]:hover{border-color:#34d399;box-shadow:0 4px 15px rgba(52,211,153,0.2)}.stat-number[data-astro-cid-plf4fsxv]{font-size:2rem;font-weight:800;color:#3b82f6;line-height:1;margin-bottom:0.5rem}html[data-theme=dark] .stat-number[data-astro-cid-plf4fsxv]{color:#60a5fa}.minimal-consulting[data-astro-cid-plf4fsxv] .stat-number[data-astro-cid-plf4fsxv]{color:#10b981}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .stat-number[data-astro-cid-plf4fsxv]{color:#34d399}.stat-label[data-astro-cid-plf4fsxv]{font-size:0.875rem;color:#6b7280;font-weight:500}html[data-theme=dark] .stat-label[data-astro-cid-plf4fsxv]{color:#9ca3af}.contact-action[data-astro-cid-plf4fsxv]{background:#f8fafc;padding:2rem;border-radius:1.5rem;text-align:center;border:1px solid #e2e8f0}html[data-theme=dark] .contact-action[data-astro-cid-plf4fsxv]{background:rgba(30,41,59,0.6);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(12px)}.contact-action[data-astro-cid-plf4fsxv] p[data-astro-cid-plf4fsxv]{font-size:1.125rem;color:#374151;margin:0 0 1.5rem 0;font-weight:500}html[data-theme=dark] .contact-action[data-astro-cid-plf4fsxv] p[data-astro-cid-plf4fsxv]{color:#e5e7eb}.contact-btn[data-astro-cid-plf4fsxv]{display:inline-flex;align-items:center;gap:0.5rem;background:#3b82f6;color:white;padding:0.875rem 2rem;border-radius:0.75rem;text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(59,130,246,0.3);position:relative;overflow:hidden}.contact-btn[data-astro-cid-plf4fsxv]::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:transparent;transform:translateX(-100%) translateY(-100%);transition:all 0.6s ease}.contact-btn[data-astro-cid-plf4fsxv]:hover::before{transform:translateX(100%) translateY(100%)}html[data-theme=dark] .contact-btn[data-astro-cid-plf4fsxv]{background:#4f46e5;box-shadow:0 4px 15px rgba(79,70,229,0.4)}.minimal-consulting[data-astro-cid-plf4fsxv] .contact-btn[data-astro-cid-plf4fsxv]{background:#10b981;box-shadow:0 4px 15px rgba(16,185,129,0.3)}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .contact-btn[data-astro-cid-plf4fsxv]{background:#0d9488;box-shadow:0 4px 15px rgba(13,148,136,0.4)}.contact-btn[data-astro-cid-plf4fsxv]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px rgba(59,130,246,0.4)}html[data-theme=dark] .contact-btn[data-astro-cid-plf4fsxv]:hover{background:#4338ca;box-shadow:0 6px 20px rgba(67,56,202,0.5)}.minimal-consulting[data-astro-cid-plf4fsxv] .contact-btn[data-astro-cid-plf4fsxv]:hover{background:#059669;box-shadow:0 6px 20px rgba(16,185,129,0.4)}html[data-theme=dark] .minimal-consulting[data-astro-cid-plf4fsxv] .contact-btn[data-astro-cid-plf4fsxv]:hover{background:#0f766e;box-shadow:0 6px 20px rgba(15,118,110,0.5)}@media (max-width: 1024px){.content-layout[data-astro-cid-plf4fsxv]{grid-template-columns:1fr;gap:3rem;text-align:center}.founder-image-container[data-astro-cid-plf4fsxv]{max-width:400px;margin:0 auto}.key-stats[data-astro-cid-plf4fsxv]{max-width:600px;margin:0 auto}}@media (max-width: 768px){.minimal-founder-section[data-astro-cid-plf4fsxv]{padding:4rem 0}.section-title[data-astro-cid-plf4fsxv]{font-size:2rem}.content-layout[data-astro-cid-plf4fsxv]{gap:2.5rem}.key-stats[data-astro-cid-plf4fsxv]{grid-template-columns:1fr;gap:1.5rem;max-width:300px}.founder-quote[data-astro-cid-plf4fsxv]{padding:1.5rem}.founder-quote[data-astro-cid-plf4fsxv] blockquote[data-astro-cid-plf4fsxv]{font-size:1rem}.contact-action[data-astro-cid-plf4fsxv]{padding:1.5rem}}@media (max-width: 480px){.section-title[data-astro-cid-plf4fsxv]{font-size:1.75rem}.founder-image-container[data-astro-cid-plf4fsxv]{max-width:300px}.experience-label[data-astro-cid-plf4fsxv]{bottom:1rem;right:1rem;padding:0.75rem 1rem}.years[data-astro-cid-plf4fsxv]{font-size:1.25rem}.text-column[data-astro-cid-plf4fsxv]{gap:2rem}.contact-btn[data-astro-cid-plf4fsxv]{width:100%;justify-content:center}}/* Features Section Styles */
.features-section {
    background-color: var(--bg-secondary);
}

.features-section__title {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    margin-bottom: var(--space-4);
    color: var(--text-primary);
}

.features-section__subtitle {
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
}

.features-section__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.features-section__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
    align-items: center;
}

.features-section__row--reverse {
    direction: rtl;
}

.features-section__row--reverse>* {
    direction: ltr;
}

@media (max-width: 1024px) {
    .features-section__row {
        grid-template-columns: 1fr;
        gap: var(--space-8);
        text-align: center;
    }

    .features-section__row--reverse {
        direction: ltr;
    }
}

.features-section__category {
    display: inline-block;
    background-color: var(--color-primary);
    color: var(--text-inverse);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-md);
    font-size: var(--font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--space-4);
}

.features-section__feature-title {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    margin-bottom: var(--space-4);
    color: var(--text-primary);
}

.features-section__feature-description {
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: var(--space-6);
}

.features-section__benefits {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    margin-bottom: var(--space-6);
}

.features-section__benefit-item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.features-section__benefit-icon {
    width: 24px;
    height: 24px;
    background-color: var(--color-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.features-section__benefit-text {
    color: var(--text-secondary);
    font-size: var(--font-size-base);
}

.features-section__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-6);
    background: var(--color-primary);
    color: var(--text-inverse);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    transition: all 0.2s ease;
}

.features-section__cta-btn:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-lg);
}

.features-section__visual-block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.features-section__visual {
    width: 100%;
    max-width: 400px;
    aspect-ratio: 4/3;
    background: linear-gradient(135deg,
            var(--bg-tertiary) 0%,
            var(--bg-secondary) 100%);
    border-radius: var(--radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-primary);
    box-shadow: var(--shadow-lg);
}

.features-section__visual-placeholder {
    width: 60%;
    height: 60%;
    background-color: var(--color-primary);
    border-radius: var(--radius-lg);
    opacity: 0.1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features-section__visual-icon {
    width: 50%;
    height: auto;
    opacity: 0.6;
}