@import '_content/Artisan.Domain.UI.Shared/Artisan.Domain.UI.Shared.axqanstvw9.bundle.scp.css';
@import '_content/Artisan.Domain.UI/Artisan.Domain.UI.vdjnv5l8l9.bundle.scp.css';
@import '_content/Havit.Blazor.Components.Web.Bootstrap/Havit.Blazor.Components.Web.Bootstrap.mm3aqpuyun.bundle.scp.css';

/* _content/Artisan/Components/Pages/Index.razor.rz.scp.css */
.hero-section[b-75qb9r9rmq] {
    background: linear-gradient(135deg, #2b5876 0%, #4e4376 100%);
    padding: 6rem 1rem;
    position: relative;
    overflow: hidden;
    color: #f8f9fa;
}

.glow-text[b-75qb9r9rmq] {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.ai-text[b-75qb9r9rmq] {
    color: #00ffc8;
}

.feature-card[b-75qb9r9rmq] {
    border: none;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover[b-75qb9r9rmq] {
        transform: translateY(-6px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
    }

/* Subtle background element (optional) */
.hero-section[b-75qb9r9rmq]::after {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.03), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Floating mascot animation */
.mascot-float[b-75qb9r9rmq] {
    animation: floaty-b-75qb9r9rmq 4s ease-in-out infinite;
}

@keyframes floaty-b-75qb9r9rmq {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }

    100% {
        transform: translateY(0);
    }
}