@import '_content/AquiloRazorClassLibrary/AquiloRazorClassLibrary.wjw1419xgo.bundle.scp.css';

/* /Components/Dashboard/Dashboard.razor.rz.scp.css */
.neko-greeting[b-rb6rsiyd1r] {
    margin-bottom: 1.5rem;
}

[b-rb6rsiyd1r] .neko-new-check-cta {
    padding: 1.5rem 2rem !important;
    font-size: 1.125rem !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(45, 106, 79, 0.25);
    transition: all 0.3s ease;
}

[b-rb6rsiyd1r] .neko-new-check-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(45, 106, 79, 0.35);
}
/* /Components/LandingPage/LandingPage.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   NeKo B2C Landing Page - Minimal Custom CSS
   Using MudBlazor theme colors (--mud-palette-*) throughout
   ════════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════════
   NAVIGATION - Backdrop blur effect
   ════════════════════════════════════════════════════════════════════════════ */
[b-1rxxa5yxdf] .neko-nav {
    background: rgba(250, 248, 245, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.neko-logo[b-1rxxa5yxdf] {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* ════════════════════════════════════════════════════════════════════════════
   HERO - Visual positioning
   ════════════════════════════════════════════════════════════════════════════ */
.neko-hero[b-1rxxa5yxdf] {
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.neko-hero-visual[b-1rxxa5yxdf] {
    position: relative;
    padding: 2rem 0;
}

/* Floating badges positioning and animation */
.neko-floating-badge[b-1rxxa5yxdf] {
    position: absolute;
    z-index: 10;
    animation: float-b-1rxxa5yxdf 3s ease-in-out infinite;
}

.neko-floating-top[b-1rxxa5yxdf] {
    top: 0;
    right: 0;
}

.neko-floating-bottom[b-1rxxa5yxdf] {
    bottom: 2rem;
    left: -1rem;
    animation-delay: 1s;
}

@keyframes float-b-1rxxa5yxdf {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

/* Document card with gradient top bar */
.neko-doc-card[b-1rxxa5yxdf] {
    position: relative;
    overflow: hidden;
    border-radius: var(--mud-default-borderradius);
}

.neko-doc-gradient-bar[b-1rxxa5yxdf] {
    height: 6px;
    background: linear-gradient(90deg, var(--mud-palette-primary), var(--mud-palette-secondary));
}

/* ════════════════════════════════════════════════════════════════════════════
   STEP CARDS - Hover effect
   ════════════════════════════════════════════════════════════════════════════ */
.neko-step-card[b-1rxxa5yxdf] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
}

.neko-step-card:hover[b-1rxxa5yxdf] {
    transform: translateY(-8px);
}

.neko-step-number[b-1rxxa5yxdf] {
    font-family: 'Aptos Display', 'Inter', system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
}

/* ════════════════════════════════════════════════════════════════════════════
   PRICING - Gradient bar
   ════════════════════════════════════════════════════════════════════════════ */
.neko-pricing-gradient-bar[b-1rxxa5yxdf] {
    height: 8px;
    background: linear-gradient(90deg, var(--mud-palette-primary), var(--mud-palette-secondary), var(--mud-palette-tertiary));
}

/* ════════════════════════════════════════════════════════════════════════════
   RESPONSIVE - Mobile adjustments
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
    .neko-hero[b-1rxxa5yxdf] {
        min-height: auto;
        padding-bottom: 4rem;
    }

    .neko-floating-badge[b-1rxxa5yxdf] {
        display: none;
    }

    .neko-hero-visual[b-1rxxa5yxdf] {
        margin-top: 2rem;
    }
}

@media (max-width: 600px) {
    [b-1rxxa5yxdf] .neko-nav {
        padding: 0.5rem 1rem !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   ACCESSIBILITY - Reduced Motion
   ════════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .neko-floating-badge[b-1rxxa5yxdf] {
        animation: none;
    }

    .neko-step-card:hover[b-1rxxa5yxdf] {
        transform: none;
    }
}