@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* _content/WebUI/Areas/Admin/Views/Company/Detail.cshtml.rz.scp.css */
.card-header[b-7m32hpr7q1] {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 1.5rem;
    border-radius: 10px 10px 0 0 !important;
}

.company-logo[b-7m32hpr7q1] {
    width: 70px;
    height: 70px;
    background-color: #6c757d;
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-right: 1rem;
}

.detail-row[b-7m32hpr7q1] {
    display: flex;
    padding: 0.8rem 0;
    border-bottom: 1px solid #eee;
}

    .detail-row:last-child[b-7m32hpr7q1] {
        border-bottom: none;
    }

.detail-label[b-7m32hpr7q1] {
    width: 40%;
    color: #6c757d;
    font-weight: 700;
}



.detail-value[b-7m32hpr7q1] {
    width: 60%;
    font-weight: 500;
}

.badge-count[b-7m32hpr7q1] {
    padding: 0.4rem 0.7rem;
    border-radius: 50px;
    font-weight: 500;
    font-size: 0.8rem;
}

.info-header[b-7m32hpr7q1] {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    font-weight: 700;
}
/* _content/WebUI/Areas/Admin/Views/User/UserDetail.cshtml.rz.scp.css */
.card-header[b-vaj5cigduh] {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 1.5rem;
    border-radius: 10px 10px 0 0 !important;
}

.user-avatar[b-vaj5cigduh] {
    width: 60px;
    height: 60px;
    background-color: #007bff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 1rem;
}

.detail-row[b-vaj5cigduh] {
    display: flex;
    padding: 0.8rem 0;
    border-bottom: 1px solid #eee;
}

    .detail-row:last-child[b-vaj5cigduh] {
        border-bottom: none;
    }

.detail-label[b-vaj5cigduh] {
    width: 40%;
    color: #6c757d;
    font-weight: 700;
}

.detail-value[b-vaj5cigduh] {
    width: 60%;
    font-weight: 500;
}

.badge-status[b-vaj5cigduh] {
    padding: 0.5rem 0.8rem;
    border-radius: 50px;
    font-weight: 400;
    font-size: 0.75rem;
}

.info-header[b-vaj5cigduh] {
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    font-weight: 700;
}
/* _content/WebUI/Areas/Common/Views/Invoice/Render.cshtml.rz.scp.css */
/* _content/WebUI/Areas/Mail/Views/Email/Signin.cshtml.rz.scp.css */

.fullscreen-center[b-p25rpq4l0z] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
    width: 100vw;
}

.login-container[b-p25rpq4l0z] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 420px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.logo[b-p25rpq4l0z] {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: white;
    font-weight: bold;
}

h1[b-p25rpq4l0z] {
    color: #333;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
}

.subtitle[b-p25rpq4l0z] {
    color: #666;
    margin-bottom: 40px;
    font-size: 16px;
}

.oauth-buttons[b-p25rpq4l0z] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.oauth-btn[b-p25rpq4l0z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 20px;
    border: 2px solid #e1e5e9;
    border-radius: 12px;
    background: white;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .oauth-btn[b-p25rpq4l0z]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);
        transition: left 0.5s;
    }

    .oauth-btn:hover[b-p25rpq4l0z]::before {
        left: 100%;
    }

    .oauth-btn:hover[b-p25rpq4l0z] {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }

    .oauth-btn.google[b-p25rpq4l0z] {
        border-color: #db4437;
    }

        .oauth-btn.google:hover[b-p25rpq4l0z] {
            background: #db4437;
            color: white;
        }

    .oauth-btn.microsoft[b-p25rpq4l0z] {
        border-color: #00a1f1;
    }

        .oauth-btn.microsoft:hover[b-p25rpq4l0z] {
            background: #00a1f1;
            color: white;
        }

    .oauth-btn.yahoo[b-p25rpq4l0z] {
        border-color: #720e9e;
    }

        .oauth-btn.yahoo:hover[b-p25rpq4l0z] {
            background: #720e9e;
            color: white;
        }

            .oauth-btn.yahoo:hover svg path[b-p25rpq4l0z] {
                fill: white;
            }

    .oauth-btn.apple[b-p25rpq4l0z] {
        border-color: #000;
    }

        .oauth-btn.apple:hover[b-p25rpq4l0z] {
            background: #000;
            color: white;
        }

.icon[b-p25rpq4l0z] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider[b-p25rpq4l0z] {
    margin: 30px 0;
    position: relative;
    text-align: center;
}

    .divider[b-p25rpq4l0z]::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: #e1e5e9;
    }

    .divider span[b-p25rpq4l0z] {
        background: rgba(255, 255, 255, 0.95);
        padding: 0 20px;
        color: #666;
        font-size: 14px;
    }

.footer-text[b-p25rpq4l0z] {
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

    .footer-text a[b-p25rpq4l0z] {
        color: #667eea;
        text-decoration: none;
    }

        .footer-text a:hover[b-p25rpq4l0z] {
            text-decoration: underline;
        }

@media (max-width: 480px) {
    .login-container[b-p25rpq4l0z] {
        padding: 30px 20px;
        margin: 10px;
    }

    h1[b-p25rpq4l0z] {
        font-size: 24px;
    }

    .oauth-btn[b-p25rpq4l0z] {
        padding: 12px 16px;
        font-size: 15px;
    }
}

/* Animations */
.login-container[b-p25rpq4l0z] {
    animation: slideUp-b-p25rpq4l0z 0.6s ease-out;
}

@keyframes slideUp-b-p25rpq4l0z {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.oauth-btn[b-p25rpq4l0z] {
    animation: fadeInUp-b-p25rpq4l0z 0.6s ease-out forwards;
    opacity: 0;
}

    .oauth-btn:nth-child(1)[b-p25rpq4l0z] {
        animation-delay: 0.1s;
    }

    .oauth-btn:nth-child(2)[b-p25rpq4l0z] {
        animation-delay: 0.2s;
    }

    .oauth-btn:nth-child(3)[b-p25rpq4l0z] {
        animation-delay: 0.3s;
    }

    .oauth-btn:nth-child(4)[b-p25rpq4l0z] {
        animation-delay: 0.4s;
    }

@keyframes fadeInUp-b-p25rpq4l0z {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/WebUI/Areas/Static/Views/Company/About.cshtml.rz.scp.css */
/* Page-specific styles for About page */

/* Hero Section for About Page */
.hero-section[b-a9poeblyw0] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-a9poeblyw0] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-a9poeblyw0] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp 1s ease 0.2s both;
}

.hero-title[b-a9poeblyw0] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp 1s ease 0.4s both;
}

.hero-subtitle[b-a9poeblyw0] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideInUp 1s ease 0.6s both;
}

.hero-cta[b-a9poeblyw0] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    animation: slideInUp 1s ease 0.8s both;
}

/* Features Section for About Page */
.features-section[b-a9poeblyw0] {
    padding: 6rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-a9poeblyw0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-a9poeblyw0] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements */
body.theme-dark .feature-card-modern[b-a9poeblyw0] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-a9poeblyw0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-a9poeblyw0] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-a9poeblyw0] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-a9poeblyw0]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-a9poeblyw0] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Icon gradient assignments for About page */
.feature-card-modern:nth-child(1) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(10) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(11) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(12) .feature-icon-modern[b-a9poeblyw0] {
    background: var(--gradient-4);
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-a9poeblyw0] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-title-modern[b-a9poeblyw0] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.feature-description-modern[b-a9poeblyw0] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-a9poeblyw0] {
    color: #cfd8e3;
}

/* Stats Section for About Page */
.stats-section[b-a9poeblyw0] {
    padding: 6rem 0;
    position: relative;
}

.stats-grid[b-a9poeblyw0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.stat-card[b-a9poeblyw0] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2.5rem 1.5rem;
    text-align: center;
    position: relative;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Make stat cards clearer in dark theme */
body.theme-dark .stat-card[b-a9poeblyw0] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.stat-card[b-a9poeblyw0]::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg, transparent, rgba(14, 165, 233, 0.1), transparent);
    animation: rotate-b-a9poeblyw0 4s linear infinite;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.stat-card:hover[b-a9poeblyw0]::before {
    opacity: 1;
}

.stat-card:hover[b-a9poeblyw0] {
    transform: translateY(-10px) rotateX(5deg);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

@keyframes rotate-b-a9poeblyw0 {
    to {
        transform: rotate(360deg);
    }
}

.stat-number[b-a9poeblyw0] {
    font-size: 3.5rem;
    font-weight: 800;
    background: var(--gradient-3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    z-index: 2;
}

.stat-label[b-a9poeblyw0] {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

/* CTA Section for About Page */
.cta-section[b-a9poeblyw0] {
    padding: 6rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-a9poeblyw0] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 4rem 3rem;
    position: relative;
    overflow: hidden;
}

.cta-container[b-a9poeblyw0]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    animation: shimmer-b-a9poeblyw0 3s ease infinite;
}

@keyframes shimmer-b-a9poeblyw0 {
    to {
        left: 100%;
    }
}

.cta-title[b-a9poeblyw0] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-a9poeblyw0] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Section Headers for About Page */
.section-header[b-a9poeblyw0] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-a9poeblyw0] {
    background: var(--gradient-3);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title[b-a9poeblyw0] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.section-subtitle[b-a9poeblyw0] {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

body.theme-dark .section-subtitle[b-a9poeblyw0] {
    color: #cfd8e3;
}

/* Mobile Responsive for About Page */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-a9poeblyw0] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-a9poeblyw0] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-a9poeblyw0] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-a9poeblyw0] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-a9poeblyw0] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-a9poeblyw0] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-a9poeblyw0] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-a9poeblyw0] {
        font-size: 0.95rem;
    }

    /* Stats Section Mobile */
    .stats-grid[b-a9poeblyw0] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .stat-card[b-a9poeblyw0] {
        padding: 2rem 1rem;
    }

    .stat-number[b-a9poeblyw0] {
        font-size: 2.5rem;
    }

    .stat-label[b-a9poeblyw0] {
        font-size: 0.9rem;
    }

    /* CTA Section Mobile */
    .cta-title[b-a9poeblyw0] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-a9poeblyw0] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-a9poeblyw0] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Section Headers Mobile */
    .section-title[b-a9poeblyw0] {
        font-size: 2rem;
    }

    .section-subtitle[b-a9poeblyw0] {
        font-size: 1rem;
        padding: 0 1rem;
    }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-a9poeblyw0] {
        font-size: 2rem;
    }

    .hero-subtitle[b-a9poeblyw0] {
        font-size: 1rem;
    }

    .cta-title[b-a9poeblyw0] {
        font-size: 1.5rem;
    }

    .stats-grid[b-a9poeblyw0] {
        grid-template-columns: 1fr;
    }

    .feature-card-modern[b-a9poeblyw0] {
        padding: 1.5rem 1rem;
    }

    .section-title[b-a9poeblyw0] {
        font-size: 1.8rem;
    }
}

/* Touch Device Optimizations for About Page */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-a9poeblyw0],
    .stat-card:hover[b-a9poeblyw0] {
        transform: none;
    }
}

/* Safe Area Support for About Page */
@supports (padding: max(0px)) {
    .hero-section[b-a9poeblyw0] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for About Page */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-a9poeblyw0],
    .stat-card[b-a9poeblyw0],
    .cta-container[b-a9poeblyw0] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .feature-card-modern[b-a9poeblyw0],
    .stat-card[b-a9poeblyw0] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Additional About Page Specific Styles */
.about-hero-section[b-a9poeblyw0] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-radius: 30px;
    margin-bottom: 2rem;
}

.about-content-section[b-a9poeblyw0] {
    background: var(--bg-secondary);
    border-radius: 20px;
    padding: 3rem;
    margin-bottom: 2rem;
}

.about-highlight-box[b-a9poeblyw0] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-left: 4px solid var(--primary);
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
}

.about-mission-vision[b-a9poeblyw0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 3rem 0;
}

@media (max-width: 768px) {
    .about-mission-vision[b-a9poeblyw0] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .about-content-section[b-a9poeblyw0] {
        padding: 2rem 1.5rem;
    }
}
/* _content/WebUI/Areas/Static/Views/Company/Career.cshtml.rz.scp.css */
/* Page-specific styles for Career page */

/* Hero Section for Career Page */
.hero-section[b-f6kykrsgfz] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-f6kykrsgfz] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-f6kykrsgfz] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp 1s ease 0.2s both;
}

.hero-title[b-f6kykrsgfz] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp 1s ease 0.4s both;
}

.hero-subtitle[b-f6kykrsgfz] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideInUp 1s ease 0.6s both;
}

.hero-cta[b-f6kykrsgfz] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    animation: slideInUp 1s ease 0.8s both;
}

/* Features Section for Career Page */
.features-section[b-f6kykrsgfz] {
    padding: 6rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-f6kykrsgfz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-f6kykrsgfz] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements */
body.theme-dark .feature-card-modern[b-f6kykrsgfz] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-f6kykrsgfz]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-f6kykrsgfz] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-f6kykrsgfz] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-f6kykrsgfz]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-f6kykrsgfz] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Icon gradient assignments for Career page */
.feature-card-modern:nth-child(1) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(10) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(11) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(12) .feature-icon-modern[b-f6kykrsgfz] {
    background: var(--gradient-4);
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-f6kykrsgfz] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-title-modern[b-f6kykrsgfz] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.feature-description-modern[b-f6kykrsgfz] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-f6kykrsgfz] {
    color: #cfd8e3;
}

/* Role Details Styling */
.role-details[b-f6kykrsgfz] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

    .role-details h4[b-f6kykrsgfz] {
        color: var(--text-primary);
        font-size: 1.1rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .role-details ul[b-f6kykrsgfz] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .role-details ul li[b-f6kykrsgfz] {
            padding: 0.5rem 0;
            color: var(--text-light);
            position: relative;
            padding-left: 1.5rem;
        }

            .role-details ul li[b-f6kykrsgfz]::before {
                content: "▸";
                color: var(--primary);
                font-weight: bold;
                position: absolute;
                left: 0;
                top: 0.5rem;
            }

body.theme-dark .role-details ul li[b-f6kykrsgfz] {
    color: #cfd8e3;
}

/* Contact Info Styling */
.contact-info[b-f6kykrsgfz] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

    .contact-info h4[b-f6kykrsgfz] {
        color: var(--text-primary);
        font-size: 1.1rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .contact-info ul[b-f6kykrsgfz] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .contact-info ul li[b-f6kykrsgfz] {
            padding: 0.5rem 0;
            color: var(--text-light);
            position: relative;
            padding-left: 1.5rem;
        }

            .contact-info ul li[b-f6kykrsgfz]::before {
                content: "✓";
                color: var(--primary);
                font-weight: bold;
                position: absolute;
                left: 0;
                top: 0.5rem;
            }

body.theme-dark .contact-info ul li[b-f6kykrsgfz] {
    color: #cfd8e3;
}

/* CTA Section for Career Page */
.cta-section[b-f6kykrsgfz] {
    padding: 6rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-f6kykrsgfz] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 4rem 3rem;
    position: relative;
    overflow: hidden;
}

    .cta-container[b-f6kykrsgfz]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-f6kykrsgfz 3s ease infinite;
    }

@keyframes shimmer-b-f6kykrsgfz {
    to {
        left: 100%;
    }
}

.cta-title[b-f6kykrsgfz] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-f6kykrsgfz] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Section Headers for Career Page */
.section-header[b-f6kykrsgfz] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-f6kykrsgfz] {
    background: var(--gradient-3);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title[b-f6kykrsgfz] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.section-subtitle[b-f6kykrsgfz] {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

body.theme-dark .section-subtitle[b-f6kykrsgfz] {
    color: #cfd8e3;
}

/* Status Card Special Styling */
.status-card[b-f6kykrsgfz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-radius: 20px;
    padding: 2rem;
    margin: 2rem 0;
    text-align: center;
}

    .status-card h3[b-f6kykrsgfz] {
        color: var(--primary);
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .status-card p[b-f6kykrsgfz] {
        color: var(--text-light);
        font-size: 1.1rem;
        line-height: 1.6;
    }

/* Mobile Responsive for Career Page */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-f6kykrsgfz] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-f6kykrsgfz] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-f6kykrsgfz] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-f6kykrsgfz] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-f6kykrsgfz] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-f6kykrsgfz] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-f6kykrsgfz] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-f6kykrsgfz] {
        font-size: 0.95rem;
    }

    /* Role Details Mobile */
    .role-details[b-f6kykrsgfz] {
        margin-top: 1rem;
        padding-top: 1rem;
    }

        .role-details h4[b-f6kykrsgfz] {
            font-size: 1rem;
        }

        .role-details ul li[b-f6kykrsgfz] {
            font-size: 0.9rem;
            padding: 0.4rem 0;
            padding-left: 1.2rem;
        }

    /* CTA Section Mobile */
    .cta-title[b-f6kykrsgfz] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-f6kykrsgfz] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-f6kykrsgfz] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Section Headers Mobile */
    .section-title[b-f6kykrsgfz] {
        font-size: 2rem;
    }

    .section-subtitle[b-f6kykrsgfz] {
        font-size: 1rem;
        padding: 0 1rem;
    }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-f6kykrsgfz] {
        font-size: 2rem;
    }

    .hero-subtitle[b-f6kykrsgfz] {
        font-size: 1rem;
    }

    .cta-title[b-f6kykrsgfz] {
        font-size: 1.5rem;
    }

    .feature-card-modern[b-f6kykrsgfz] {
        padding: 1.5rem 1rem;
    }

    .section-title[b-f6kykrsgfz] {
        font-size: 1.8rem;
    }

    .role-details ul li[b-f6kykrsgfz] {
        font-size: 0.85rem;
    }
}

/* Touch Device Optimizations for Career Page */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-f6kykrsgfz],
    .stat-card:hover[b-f6kykrsgfz] {
        transform: none;
    }
}

/* Safe Area Support for Career Page */
@supports (padding: max(0px)) {
    .hero-section[b-f6kykrsgfz] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for Career Page */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-f6kykrsgfz],
    .stat-card[b-f6kykrsgfz],
    .cta-container[b-f6kykrsgfz] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .feature-card-modern[b-f6kykrsgfz],
    .stat-card[b-f6kykrsgfz] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Additional Career Page Specific Styles */
.career-hero-section[b-f6kykrsgfz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-radius: 30px;
    margin-bottom: 2rem;
}

.career-opportunity-card[b-f6kykrsgfz] {
    background: var(--bg-secondary);
    border-radius: 20px;
    padding: 3rem;
    margin-bottom: 2rem;
    border: 1px solid var(--glass-border);
}

.career-culture-highlight[b-f6kykrsgfz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-left: 4px solid var(--primary);
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
}

.career-benefits-grid[b-f6kykrsgfz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 3rem 0;
}

@media (max-width: 768px) {
    .career-benefits-grid[b-f6kykrsgfz] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .career-opportunity-card[b-f6kykrsgfz] {
        padding: 2rem 1.5rem;
    }
}

/* Email Link Styling */
a[href^="mailto:"][b-f6kykrsgfz] {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

    a[href^="mailto:"]:hover[b-f6kykrsgfz] {
        color: var(--accent);
        text-decoration: underline;
    }

/* List Styling for Career Page */
.career-list[b-f6kykrsgfz] {
    list-style: none;
    padding: 0;
}

    .career-list li[b-f6kykrsgfz] {
        padding: 0.5rem 0;
        color: var(--text-light);
        position: relative;
        padding-left: 1.5rem;
    }

        .career-list li[b-f6kykrsgfz]::before {
            content: "▸";
            color: var(--primary);
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0.5rem;
        }

body.theme-dark .career-list li[b-f6kykrsgfz] {
    color: #cfd8e3;
}
/* _content/WebUI/Areas/Static/Views/Company/Contact.cshtml.rz.scp.css */

 /*FORM LABELS - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container .contact-form .form-group .form-label[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-group .form-label[b-0lo0dyjg9m] {
    display: block !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.95rem !important;
    visibility: visible !important;
    opacity: 1 !important;
}

 /*DARK THEME FORM LABELS*/ 
html body.theme-dark .contact-form-container .contact-form .form-group .form-label[b-0lo0dyjg9m],
html body.theme-dark #contact-form .contact-form-container .contact-form .form-group .form-label[b-0lo0dyjg9m] {
    color: white !important;
}

 /*FORM CONTAINER - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container[b-0lo0dyjg9m],
html body #contact-form .contact-form-container[b-0lo0dyjg9m] {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
    border-radius: 24px !important;
    padding: 3rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15) !important;
}

 /*DARK THEME FORM CONTAINER*/ 
html body.theme-dark .contact-form-container[b-0lo0dyjg9m],
html body.theme-dark #contact-form .contact-form-container[b-0lo0dyjg9m] {
    background: rgba(15, 23, 42, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4) !important;
}

 /*BUTTONS - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m],
html body .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.75rem 2rem !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

 /*BUTTON STYLES*/ 
html body .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m] {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
}

html body .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m] {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #1e293b !important;
}

 /*DARK THEME BUTTONS*/ 
html body.theme-dark .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m],
html body.theme-dark #contact-form .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m] {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: white !important;
}

 /*FORM ACTIONS - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container .contact-form .form-actions[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-actions[b-0lo0dyjg9m] {
    display: flex !important;
    gap: 1rem !important;
    margin-top: 2rem !important;
    flex-wrap: wrap !important;
    visibility: visible !important;
    opacity: 1 !important;
}

 /*FORM GROUP - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container .contact-form .form-group[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form .form-group[b-0lo0dyjg9m] {
    margin-bottom: 1.5rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

 /*CONTACT FORM - MAXIMUM SPECIFICITY*/ 
html body .contact-form-container .contact-form[b-0lo0dyjg9m],
html body #contact-form .contact-form-container .contact-form[b-0lo0dyjg9m] {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Hero Section for Contact Page */
.hero-section[b-0lo0dyjg9m] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-0lo0dyjg9m] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-0lo0dyjg9m] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp-b-0lo0dyjg9m 1s ease 0.2s both;
}

.hero-title[b-0lo0dyjg9m] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp-b-0lo0dyjg9m 1s ease 0.4s both;
}

.hero-subtitle[b-0lo0dyjg9m] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideInUp-b-0lo0dyjg9m 1s ease 0.6s both;
}

.hero-cta[b-0lo0dyjg9m] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    animation: slideInUp-b-0lo0dyjg9m 1s ease 0.8s both;
}

/* Features Section for Contact Page */
.features-section[b-0lo0dyjg9m] {
    padding: 6rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-0lo0dyjg9m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-0lo0dyjg9m] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements */
body.theme-dark .feature-card-modern[b-0lo0dyjg9m] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-0lo0dyjg9m]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-0lo0dyjg9m] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-0lo0dyjg9m] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-0lo0dyjg9m]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-0lo0dyjg9m] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Icon gradient assignments for Contact page */
.feature-card-modern:nth-child(1) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(10) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(11) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(12) .feature-icon-modern[b-0lo0dyjg9m] {
    background: var(--gradient-4);
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-0lo0dyjg9m] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-title-modern[b-0lo0dyjg9m] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.feature-description-modern[b-0lo0dyjg9m] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-0lo0dyjg9m] {
    color: #cfd8e3;
}

/* Contact Details Styling */
.contact-details[b-0lo0dyjg9m] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

.contact-link[b-0lo0dyjg9m] {
    display: block;
    color: var(--primary);
    text-decoration: none;
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    font-weight: 500;
}

    .contact-link:hover[b-0lo0dyjg9m] {
        color: var(--accent);
        transform: translateX(5px);
        text-decoration: none;
    }

.contact-item[b-0lo0dyjg9m] {
    padding: 0.5rem 0;
    color: var(--text-light);
    font-size: 0.95rem;
}

body.theme-dark .contact-item[b-0lo0dyjg9m] {
    color: #cfd8e3;
}

/* Contact Actions Styling */
.contact-actions[b-0lo0dyjg9m] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(59, 130, 246, 0.2);
}

.btn-sm[b-0lo0dyjg9m] {
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
}

/* FAQ Section Styling */
.faq-container[b-0lo0dyjg9m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.faq-item[b-0lo0dyjg9m] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

body.theme-dark .faq-item[b-0lo0dyjg9m] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
}

.faq-item.active[b-0lo0dyjg9m] {
    border-color: var(--primary);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.2);
}

.faq-question[b-0lo0dyjg9m] {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

    .faq-question:hover[b-0lo0dyjg9m] {
        background: rgba(59, 130, 246, 0.05);
    }

body.theme-dark .faq-question:hover[b-0lo0dyjg9m] {
    background: rgba(255, 255, 255, 0.05);
}

.faq-question h4[b-0lo0dyjg9m] {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
    flex: 1;
}

.faq-toggle[b-0lo0dyjg9m] {
    color: var(--primary);
    font-size: 1rem;
    transition: all 0.3s ease;
}

.faq-answer[b-0lo0dyjg9m] {
    padding: 0 1.5rem 1.5rem;
    display: none;
    color: var(--text-light);
    line-height: 1.6;
}

body.theme-dark .faq-answer[b-0lo0dyjg9m] {
    color: #cfd8e3;
}

/* CTA Section for Contact Page */
.cta-section[b-0lo0dyjg9m] {
    padding: 6rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-0lo0dyjg9m] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 4rem 3rem;
    position: relative;
    overflow: hidden;
}

    .cta-container[b-0lo0dyjg9m]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-0lo0dyjg9m 3s ease infinite;
    }

@keyframes shimmer-b-0lo0dyjg9m {
    to {
        left: 100%;
    }
}

.cta-title[b-0lo0dyjg9m] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-0lo0dyjg9m] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Section Headers for Contact Page */
.section-header[b-0lo0dyjg9m] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-0lo0dyjg9m] {
    background: var(--gradient-3);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title[b-0lo0dyjg9m] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.section-subtitle[b-0lo0dyjg9m] {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

body.theme-dark .section-subtitle[b-0lo0dyjg9m] {
    color: #cfd8e3;
}

/* Mobile Responsive for Contact Page */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-0lo0dyjg9m] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-0lo0dyjg9m] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-0lo0dyjg9m] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-0lo0dyjg9m] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-0lo0dyjg9m] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-0lo0dyjg9m] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-0lo0dyjg9m] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-0lo0dyjg9m] {
        font-size: 0.95rem;
    }

    /* Contact Form Mobile */
    .contact-form-container[b-0lo0dyjg9m] {
        padding: 2rem 1.5rem;
        margin: 0 1rem;
    }

    .form-actions[b-0lo0dyjg9m] {
        flex-direction: column;
        gap: 1rem;
    }

        .form-actions .btn-modern[b-0lo0dyjg9m],
        .form-actions .btn-glass[b-0lo0dyjg9m] {
            width: 100%;
            text-align: center;
        }

    /* FAQ Mobile */
    .faq-question h4[b-0lo0dyjg9m] {
        font-size: 1rem;
    }

    .faq-question[b-0lo0dyjg9m] {
        padding: 1rem;
    }

    .faq-answer[b-0lo0dyjg9m] {
        padding: 0 1rem 1rem;
    }

    /* CTA Section Mobile */
    .cta-title[b-0lo0dyjg9m] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-0lo0dyjg9m] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-0lo0dyjg9m] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Section Headers Mobile */
    .section-title[b-0lo0dyjg9m] {
        font-size: 2rem;
    }

    .section-subtitle[b-0lo0dyjg9m] {
        font-size: 1rem;
        padding: 0 1rem;
    }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-0lo0dyjg9m] {
        font-size: 2rem;
    }

    .hero-subtitle[b-0lo0dyjg9m] {
        font-size: 1rem;
    }

    .cta-title[b-0lo0dyjg9m] {
        font-size: 1.5rem;
    }

    .stats-grid[b-0lo0dyjg9m] {
        grid-template-columns: 1fr;
    }

    .feature-card-modern[b-0lo0dyjg9m] {
        padding: 1.5rem 1rem;
    }

    .section-title[b-0lo0dyjg9m] {
        font-size: 1.8rem;
    }
}

/* Touch Device Optimizations for Contact Page */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-0lo0dyjg9m],
    .stat-card:hover[b-0lo0dyjg9m] {
        transform: none;
    }
}

/* Safe Area Support for Contact Page */
@supports (padding: max(0px)) {
    .hero-section[b-0lo0dyjg9m] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for Contact Page */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-0lo0dyjg9m],
    .stat-card[b-0lo0dyjg9m],
    .cta-container[b-0lo0dyjg9m] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .feature-card-modern[b-0lo0dyjg9m],
    .stat-card[b-0lo0dyjg9m] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Additional Contact Page Specific Styles */
.contact-hero-section[b-0lo0dyjg9m] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-radius: 30px;
    margin-bottom: 2rem;
}

.contact-info-highlight[b-0lo0dyjg9m] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border-left: 4px solid var(--primary);
    padding: 2rem;
    border-radius: 15px;
    margin: 2rem 0;
}

.contact-methods-grid[b-0lo0dyjg9m] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin: 3rem 0;
}

@media (max-width: 768px) {
    .contact-methods-grid[b-0lo0dyjg9m] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}

/* Form Validation Styling */
.form-control:invalid[b-0lo0dyjg9m] {
    border-color: #ef4444;
}

    .form-control:invalid:focus[b-0lo0dyjg9m] {
        box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
    }

/* Loading State for Form */
.form-loading[b-0lo0dyjg9m] {
    opacity: 0.7;
    pointer-events: none;
}

    .form-loading[b-0lo0dyjg9m]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin: -10px 0 0 -10px;
        border: 2px solid var(--primary);
        border-top: 2px solid transparent;
        border-radius: 50%;
        animation: spin-b-0lo0dyjg9m 1s linear infinite;
    }

@keyframes spin-b-0lo0dyjg9m {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Email Link Styling */
a[href^="mailto:"][b-0lo0dyjg9m] {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

    a[href^="mailto:"]:hover[b-0lo0dyjg9m] {
        color: var(--accent);
        text-decoration: underline;
    }

/* External Link Styling */
a[target="_blank"][b-0lo0dyjg9m] {
    position: relative;
}

    a[target="_blank"][b-0lo0dyjg9m]::after {
        content: '↗';
        margin-left: 0.25rem;
        font-size: 0.8rem;
        opacity: 0.7;
    }

/* Animation keyframes */
@keyframes slideInUp-b-0lo0dyjg9m {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade in animations */
.fade-in-up[b-0lo0dyjg9m] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

    .fade-in-up.visible[b-0lo0dyjg9m] {
        opacity: 1;
        transform: translateY(0);
    }

/* Glass effect and neon glow */
.glass-effect[b-0lo0dyjg9m] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.neon-glow[b-0lo0dyjg9m] {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

/* MOBILE RESPONSIVE - MAXIMUM SPECIFICITY */
@media (max-width: 768px) {
    html body .contact-form-container[b-0lo0dyjg9m],
    html body #contact-form .contact-form-container[b-0lo0dyjg9m] {
        padding: 2rem 1.5rem !important;
        margin: 0 1rem;
    }

        html body .contact-form-container .contact-form .form-actions[b-0lo0dyjg9m],
        html body #contact-form .contact-form-container .contact-form .form-actions[b-0lo0dyjg9m] {
            flex-direction: column !important;
            gap: 1rem !important;
        }

            html body .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m],
            html body .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m],
            html body #contact-form .contact-form-container .contact-form .form-actions .btn-modern[b-0lo0dyjg9m],
            html body #contact-form .contact-form-container .contact-form .form-actions .btn-glass[b-0lo0dyjg9m] {
                width: 100% !important;
                text-align: center !important;
            }
}

@media (max-width: 576px) {
    html body .contact-form-container[b-0lo0dyjg9m],
    html body #contact-form .contact-form-container[b-0lo0dyjg9m] {
        padding: 1.5rem 1rem !important;
    }

        html body .contact-form-container .contact-form .form-group .form-control[b-0lo0dyjg9m],
        html body #contact-form .contact-form-container .contact-form .form-group .form-control[b-0lo0dyjg9m] {
            padding: 0.8rem 1rem !important;
            font-size: 0.9rem !important;
        }
}
/* _content/WebUI/Areas/Static/Views/Company/Index.cshtml.rz.scp.css */

/* Page-specific styles for home page */
/* Hero Section */
.hero-section[b-qawkkrii40] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-qawkkrii40] {
    position: relative;
    z-index: 10;
}

.hero-badge[b-qawkkrii40] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp 1s ease 0.2s both;
}

.hero-title[b-qawkkrii40] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp 1s ease 0.4s both;
}

.hero-subtitle[b-qawkkrii40] {
    font-size: 1.4rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 600px;
    animation: slideInUp 1s ease 0.6s both;
}

.hero-cta[b-qawkkrii40] {
    display: flex;
    gap: 1rem;
    align-items: center;
    animation: slideInUp 1s ease 0.8s both;
}

/* 3D Hero Visual */
.hero-visual[b-qawkkrii40] {
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating-cards[b-qawkkrii40] {
    position: relative;
    width: 400px;
    height: 400px;
}

.floating-card[b-qawkkrii40] {
    position: absolute;
    width: 120px;
    height: 160px;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary);
    font-size: 2rem;
    animation: floatingCard-b-qawkkrii40 4s ease-in-out infinite;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

    .floating-card:nth-child(1)[b-qawkkrii40] {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        animation-delay: 0s;
        background: var(--gradient-3);
    }

    .floating-card:nth-child(2)[b-qawkkrii40] {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        animation-delay: -1s;
        background: var(--gradient-2);
    }

    .floating-card:nth-child(3)[b-qawkkrii40] {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        animation-delay: -2s;
        background: var(--gradient-4);
    }

    .floating-card:nth-child(4)[b-qawkkrii40] {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        animation-delay: -3s;
        background: var(--gradient-1);
    }

    .floating-card:nth-child(5)[b-qawkkrii40] {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        animation-delay: -0.5s;
        background: var(--glass-bg);
        backdrop-filter: blur(30px);
        width: 140px;
        height: 180px;
        z-index: 2;
    }

@keyframes floatingCard-b-qawkkrii40 {
    0%, 100% {
        transform: translateX(-50%) translateY(0) rotateY(0deg);
    }

    25% {
        transform: translateX(-50%) translateY(-20px) rotateY(10deg);
    }

    75% {
        transform: translateX(-50%) translateY(20px) rotateY(-10deg);
    }
}

/* Modern Features Section */
.features-section[b-qawkkrii40] {
    padding: 8rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-qawkkrii40] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-qawkkrii40] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements (not only on hover) */
body.theme-dark .feature-card-modern[b-qawkkrii40] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-qawkkrii40]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-qawkkrii40] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-qawkkrii40] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-qawkkrii40]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-qawkkrii40] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

.feature-card-modern:nth-child(1) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-qawkkrii40] {
    background: var(--gradient-1);
}

.feature-title-modern[b-qawkkrii40] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-qawkkrii40] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-description-modern[b-qawkkrii40] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-qawkkrii40] {
    color: #cfd8e3;
}

/* Stats Section with 3D Cards */
.stats-section[b-qawkkrii40] {
    padding: 6rem 0;
    position: relative;
}

/* Make stat cards clearer in dark theme */
body.theme-dark .stat-card[b-qawkkrii40] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
}

.stats-grid[b-qawkkrii40] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
}

.stat-card[b-qawkkrii40] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2.5rem 1.5rem;
    text-align: center;
    position: relative;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

    .stat-card[b-qawkkrii40]::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(from 0deg, transparent, rgba(14, 165, 233, 0.1), transparent);
        animation: rotate-b-qawkkrii40 4s linear infinite;
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    .stat-card:hover[b-qawkkrii40]::before {
        opacity: 1;
    }

    .stat-card:hover[b-qawkkrii40] {
        transform: translateY(-10px) rotateX(5deg);
        box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
    }

@keyframes rotate-b-qawkkrii40 {
    to {
        transform: rotate(360deg);
    }
}

.stat-number[b-qawkkrii40] {
    font-size: 3.5rem;
    font-weight: 800;
    background: var(--gradient-3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    z-index: 2;
}

.stat-label[b-qawkkrii40] {
    color: var(--text-primary);
    font-size: 1.1rem;
    font-weight: 500;
    position: relative;
    z-index: 2;
}

/* CTA Section */
.cta-section[b-qawkkrii40] {
    padding: 8rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-qawkkrii40] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 5rem 3rem;
    position: relative;
    overflow: hidden;
}

    .cta-container[b-qawkkrii40]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-qawkkrii40 3s ease infinite;
    }

@keyframes shimmer-b-qawkkrii40 {
    to {
        left: 100%;
    }
}

.cta-title[b-qawkkrii40] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-qawkkrii40] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Mobile Responsive Additions for Page-specific Elements */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-qawkkrii40] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-qawkkrii40] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-qawkkrii40] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-qawkkrii40] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-qawkkrii40] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-qawkkrii40] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-qawkkrii40] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-qawkkrii40] {
        font-size: 0.95rem;
    }

    /* Stats Section Mobile */
    .stats-grid[b-qawkkrii40] {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .stat-card[b-qawkkrii40] {
        padding: 2rem 1rem;
    }

    .stat-number[b-qawkkrii40] {
        font-size: 2.5rem;
    }

    .stat-label[b-qawkkrii40] {
        font-size: 0.9rem;
    }

    /* CTA Section Mobile */
    .cta-title[b-qawkkrii40] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-qawkkrii40] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-qawkkrii40] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Floating Cards Mobile */
    .floating-cards[b-qawkkrii40] {
        width: 250px;
        height: 250px;
    }

    .floating-card[b-qawkkrii40] {
        width: 60px;
        height: 80px;
        font-size: 1.2rem;
    }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-qawkkrii40] {
        font-size: 2rem;
    }

    .hero-subtitle[b-qawkkrii40] {
        font-size: 1rem;
    }

    .cta-title[b-qawkkrii40] {
        font-size: 1.5rem;
    }

    .stats-grid[b-qawkkrii40] {
        grid-template-columns: 1fr;
    }

    .feature-card-modern[b-qawkkrii40] {
        padding: 1.5rem 1rem;
    }

    .floating-cards[b-qawkkrii40] {
        width: 200px;
        height: 200px;
    }

    .floating-card[b-qawkkrii40] {
        width: 50px;
        height: 70px;
        font-size: 1rem;
    }
}

/* Touch Device Optimizations for Page Elements */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-qawkkrii40],
    .stat-card:hover[b-qawkkrii40] {
        transform: none;
    }
}

/* Safe Area Support for Page Elements */
@supports (padding: max(0px)) {
    .hero-section[b-qawkkrii40] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for Page Elements */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-qawkkrii40],
    .stat-card[b-qawkkrii40],
    .cta-container[b-qawkkrii40] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .floating-card[b-qawkkrii40] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
/* _content/WebUI/Areas/Static/Views/Legal/Privacy.cshtml.rz.scp.css */
/* Page-specific styles for Privacy page - Modern Design */

/* Hero Section for Privacy Page */
.hero-section[b-9157x8imml] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-9157x8imml] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-9157x8imml] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp-b-9157x8imml 1s ease 0.2s both;
}

.hero-title[b-9157x8imml] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp-b-9157x8imml 1s ease 0.4s both;
}

.hero-subtitle[b-9157x8imml] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideInUp-b-9157x8imml 1s ease 0.6s both;
}

.hero-cta[b-9157x8imml] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    animation: slideInUp-b-9157x8imml 1s ease 0.8s both;
}

/* Features Section for Privacy Page */
.features-section[b-9157x8imml] {
    padding: 6rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-9157x8imml] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-9157x8imml] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements */
body.theme-dark .feature-card-modern[b-9157x8imml] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-9157x8imml]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-9157x8imml] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-9157x8imml] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-9157x8imml]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-9157x8imml] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Icon gradient assignments for Privacy page */
.feature-card-modern:nth-child(1) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(10) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(11) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(12) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(13) .feature-icon-modern[b-9157x8imml] {
    background: var(--gradient-1);
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-9157x8imml] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-title-modern[b-9157x8imml] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.feature-description-modern[b-9157x8imml] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-9157x8imml] {
    color: #cfd8e3;
}

/* Privacy-specific content styling */
.info-subsection[b-9157x8imml] {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(59, 130, 246, 0.1);
}

    .info-subsection:last-child[b-9157x8imml] {
        border-bottom: none;
    }

    .info-subsection h4[b-9157x8imml] {
        color: var(--text-primary);
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }

        .info-subsection h4[b-9157x8imml]::before {
            content: '';
            width: 4px;
            height: 1.2rem;
            background: var(--primary);
            margin-right: 0.75rem;
            border-radius: 2px;
        }

.privacy-list[b-9157x8imml] {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

    .privacy-list li[b-9157x8imml] {
        padding: 0.75rem 0;
        color: var(--text-light);
        position: relative;
        padding-left: 2rem;
        line-height: 1.6;
    }

        .privacy-list li[b-9157x8imml]::before {
            content: "▸";
            color: var(--primary);
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0.75rem;
            font-size: 1.1rem;
        }

body.theme-dark .privacy-list li[b-9157x8imml] {
    color: #cfd8e3;
}

/* Highlight and Warning Boxes */
.highlight-box[b-9157x8imml] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

    .highlight-box[b-9157x8imml]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary);
        border-radius: 2px 0 0 2px;
    }

.warning-box[b-9157x8imml] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(249, 115, 22, 0.1) 100%);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

    .warning-box[b-9157x8imml]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
        border-radius: 2px 0 0 2px;
    }

/* Table of Contents Modern Styling */
.toc-modern[b-9157x8imml] {
    padding: 1rem;
}

.toc-grid[b-9157x8imml] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.toc-item[b-9157x8imml] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 12px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .toc-item:hover[b-9157x8imml] {
        background: rgba(59, 130, 246, 0.1);
        border-color: var(--primary);
        transform: translateY(-2px);
        text-decoration: none;
        color: var(--primary);
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
    }

    .toc-item i[b-9157x8imml] {
        margin-right: 0.75rem;
        font-size: 1.1rem;
        color: var(--primary);
        min-width: 20px;
    }

body.theme-dark .toc-item[b-9157x8imml] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

    body.theme-dark .toc-item:hover[b-9157x8imml] {
        background: rgba(255, 255, 255, 0.1);
        border-color: var(--primary);
        color: var(--primary);
    }

/* Contact Information Modern Styling */
.contact-info-modern h4[b-9157x8imml] {
    color: var(--text-primary);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.contact-details[b-9157x8imml] {
    margin: 1.5rem 0;
}

.contact-item[b-9157x8imml] {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    color: var(--text-light);
    font-size: 1rem;
}

    .contact-item i[b-9157x8imml] {
        color: var(--primary);
        margin-right: 0.5rem;
        min-width: 20px;
    }

    .contact-item a[b-9157x8imml] {
        color: var(--primary);
        text-decoration: none;
        transition: all 0.3s ease;
    }

        .contact-item a:hover[b-9157x8imml] {
            color: var(--accent);
            text-decoration: underline;
        }

body.theme-dark .contact-item[b-9157x8imml] {
    color: #cfd8e3;
}

/* CTA Section for Privacy Page */
.cta-section[b-9157x8imml] {
    padding: 6rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-9157x8imml] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 4rem 3rem;
    position: relative;
    overflow: hidden;
}

    .cta-container[b-9157x8imml]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-9157x8imml 3s ease infinite;
    }

@keyframes shimmer-b-9157x8imml {
    to {
        left: 100%;
    }
}

.cta-title[b-9157x8imml] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-9157x8imml] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Section Headers for Privacy Page */
.section-header[b-9157x8imml] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-9157x8imml] {
    background: var(--gradient-3);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title[b-9157x8imml] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.section-subtitle[b-9157x8imml] {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

body.theme-dark .section-subtitle[b-9157x8imml] {
    color: #cfd8e3;
}

/* Section styling */
.section[b-9157x8imml] {
    margin-bottom: 3rem;
}

/* Mobile Responsive for Privacy Page */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-9157x8imml] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-9157x8imml] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-9157x8imml] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-9157x8imml] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-9157x8imml] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-9157x8imml] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-9157x8imml] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-9157x8imml] {
        font-size: 0.95rem;
    }

    /* TOC Mobile */
    .toc-grid[b-9157x8imml] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .toc-item[b-9157x8imml] {
        padding: 0.75rem;
        font-size: 0.9rem;
    }

    /* Info subsections mobile */
    .info-subsection[b-9157x8imml] {
        margin: 1.5rem 0;
        padding: 1rem 0;
    }

        .info-subsection h4[b-9157x8imml] {
            font-size: 1.1rem;
        }

    .privacy-list li[b-9157x8imml] {
        padding: 0.5rem 0;
        padding-left: 1.5rem;
        font-size: 0.95rem;
    }

    /* CTA Section Mobile */
    .cta-title[b-9157x8imml] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-9157x8imml] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-9157x8imml] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Section Headers Mobile */
    .section-title[b-9157x8imml] {
        font-size: 2rem;
    }

    .section-subtitle[b-9157x8imml] {
        font-size: 1rem;
        padding: 0 1rem;
    }

    /* Contact details mobile */
    .contact-item[b-9157x8imml] {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.5rem 0;
    }

        .contact-item i[b-9157x8imml] {
            margin-bottom: 0.25rem;
        }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-9157x8imml] {
        font-size: 2rem;
    }

    .hero-subtitle[b-9157x8imml] {
        font-size: 1rem;
    }

    .cta-title[b-9157x8imml] {
        font-size: 1.5rem;
    }

    .feature-card-modern[b-9157x8imml] {
        padding: 1.5rem 1rem;
    }

    .section-title[b-9157x8imml] {
        font-size: 1.8rem;
    }

    .info-subsection h4[b-9157x8imml] {
        font-size: 1rem;
    }

    .privacy-list li[b-9157x8imml] {
        font-size: 0.9rem;
    }
}

/* Touch Device Optimizations for Privacy Page */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-9157x8imml],
    .toc-item:hover[b-9157x8imml] {
        transform: none;
    }
}

/* Safe Area Support for Privacy Page */
@supports (padding: max(0px)) {
    .hero-section[b-9157x8imml] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for Privacy Page */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-9157x8imml],
    .cta-container[b-9157x8imml] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .feature-card-modern[b-9157x8imml] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Animation keyframes */
@keyframes slideInUp-b-9157x8imml {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade in animations */
.fade-in-up[b-9157x8imml] {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

    .fade-in-up.visible[b-9157x8imml] {
        opacity: 1;
        transform: translateY(0);
    }

/* Glass effect and neon glow */
.glass-effect[b-9157x8imml] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.neon-glow[b-9157x8imml] {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

/* Link styling for privacy page */
a[b-9157x8imml] {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

    a:hover[b-9157x8imml] {
        color: var(--accent);
        text-decoration: underline;
    }

    /* Email and external link styling */
    a[href^="mailto:"][b-9157x8imml] {
        color: var(--primary);
        font-weight: 500;
    }

        a[href^="mailto:"]:hover[b-9157x8imml] {
            color: var(--accent);
            text-decoration: underline;
        }

    a[target="_blank"][b-9157x8imml] {
        position: relative;
    }

        a[target="_blank"][b-9157x8imml]::after {
            content: '↗';
            margin-left: 0.25rem;
            font-size: 0.8rem;
            opacity: 0.7;
        }
/* _content/WebUI/Areas/Static/Views/Legal/TermsAndConditions.cshtml.rz.scp.css */
/* Page-specific styles for Terms and Conditions page - Modern Design */

/* Hero Section for Terms Page */
.hero-section[b-si1urcwos8] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-si1urcwos8] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-si1urcwos8] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp-b-si1urcwos8 1s ease 0.2s both;
}

.hero-title[b-si1urcwos8] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp-b-si1urcwos8 1s ease 0.4s both;
}

.hero-subtitle[b-si1urcwos8] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    animation: slideInUp-b-si1urcwos8 1s ease 0.6s both;
}

.hero-cta[b-si1urcwos8] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    animation: slideInUp-b-si1urcwos8 1s ease 0.8s both;
}

/* Features Section for Terms Page */
.features-section[b-si1urcwos8] {
    padding: 6rem 0;
    position: relative;
    background: var(--bg-secondary);
    backdrop-filter: blur(20px);
}

.feature-grid[b-si1urcwos8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}

.feature-card-modern[b-si1urcwos8] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 2.5rem;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Dark theme base state improvements */
body.theme-dark .feature-card-modern[b-si1urcwos8] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.feature-card-modern[b-si1urcwos8]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--gradient-3);
    transform: scaleX(0);
    transition: transform 0.5s ease;
}

.feature-card-modern:hover[b-si1urcwos8] {
    transform: translateY(-10px);
    background: rgba(255,255,255,0.95);
    box-shadow: 0 30px 60px rgba(0,0,0,0.1), 0 0 40px rgba(14, 165, 233, 0.2);
}

body.theme-dark .feature-card-modern:hover[b-si1urcwos8] {
    background: rgba(255,255,255,0.15);
    box-shadow: 0 30px 60px rgba(0,0,0,0.3), 0 0 40px rgba(14, 165, 233, 0.2);
}

.feature-card-modern:hover[b-si1urcwos8]::before {
    transform: scaleX(1);
}

.feature-icon-modern[b-si1urcwos8] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    font-size: 2rem;
    color: white;
    position: relative;
    overflow: hidden;
}

/* Icon gradient assignments for Terms page */
.feature-card-modern:nth-child(1) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(2) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(3) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(4) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(5) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(6) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(7) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(8) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(9) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(10) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(11) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(12) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(13) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-1);
}

.feature-card-modern:nth-child(14) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-2);
}

.feature-card-modern:nth-child(15) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-3);
}

.feature-card-modern:nth-child(16) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-4);
}

.feature-card-modern:nth-child(17) .feature-icon-modern[b-si1urcwos8] {
    background: var(--gradient-1);
}

/* Improve icon legibility on dark theme */
body.theme-dark .feature-icon-modern[b-si1urcwos8] {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.feature-title-modern[b-si1urcwos8] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.feature-description-modern[b-si1urcwos8] {
    color: var(--text-light);
    line-height: 1.6;
}

/* Dark theme description contrast */
body.theme-dark .feature-description-modern[b-si1urcwos8] {
    color: #cfd8e3;
}

/* Terms-specific content styling */
.info-subsection[b-si1urcwos8] {
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(59, 130, 246, 0.1);
}

    .info-subsection:last-child[b-si1urcwos8] {
        border-bottom: none;
    }

    .info-subsection h4[b-si1urcwos8] {
        color: var(--text-primary);
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }

        .info-subsection h4[b-si1urcwos8]::before {
            content: '';
            width: 4px;
            height: 1.2rem;
            background: var(--primary);
            margin-right: 0.75rem;
            border-radius: 2px;
        }

.terms-list[b-si1urcwos8] {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

    .terms-list li[b-si1urcwos8] {
        padding: 0.75rem 0;
        color: var(--text-light);
        position: relative;
        padding-left: 2rem;
        line-height: 1.6;
    }

        .terms-list li[b-si1urcwos8]::before {
            content: "▸";
            color: var(--primary);
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0.75rem;
            font-size: 1.1rem;
        }

body.theme-dark .terms-list li[b-si1urcwos8] {
    color: #cfd8e3;
}

/* Highlight, Warning, and Danger Boxes */
.highlight-box[b-si1urcwos8] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(6, 182, 212, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

    .highlight-box[b-si1urcwos8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: var(--primary);
        border-radius: 2px 0 0 2px;
    }

.warning-box[b-si1urcwos8] {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.1) 0%, rgba(249, 115, 22, 0.1) 100%);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

    .warning-box[b-si1urcwos8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
        border-radius: 2px 0 0 2px;
    }

.danger-box[b-si1urcwos8] {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(220, 38, 38, 0.1) 100%);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    position: relative;
}

    .danger-box[b-si1urcwos8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
        border-radius: 2px 0 0 2px;
    }

/* Table of Contents Modern Styling */
.toc-modern[b-si1urcwos8] {
    padding: 1rem;
}

.toc-grid[b-si1urcwos8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.toc-item[b-si1urcwos8] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: rgba(59, 130, 246, 0.05);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 12px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .toc-item:hover[b-si1urcwos8] {
        background: rgba(59, 130, 246, 0.1);
        border-color: var(--primary);
        transform: translateY(-2px);
        text-decoration: none;
        color: var(--primary);
        box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
    }

    .toc-item i[b-si1urcwos8] {
        margin-right: 0.75rem;
        font-size: 1.1rem;
        color: var(--primary);
        min-width: 20px;
    }

body.theme-dark .toc-item[b-si1urcwos8] {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
}

    body.theme-dark .toc-item:hover[b-si1urcwos8] {
        background: rgba(255, 255, 255, 0.1);
        border-color: var(--primary);
        color: var(--primary);
    }

/* Contact Information Modern Styling */
.contact-info-modern h4[b-si1urcwos8] {
    color: var(--text-primary);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.contact-details[b-si1urcwos8] {
    margin: 1.5rem 0;
}

.contact-item[b-si1urcwos8] {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    color: var(--text-light);
    font-size: 1rem;
}

    .contact-item i[b-si1urcwos8] {
        color: var(--primary);
        margin-right: 0.5rem;
        min-width: 20px;
    }

    .contact-item a[b-si1urcwos8] {
        color: var(--primary);
        text-decoration: none;
        transition: all 0.3s ease;
    }

        .contact-item a:hover[b-si1urcwos8] {
            color: var(--accent);
            text-decoration: underline;
        }

body.theme-dark .contact-item[b-si1urcwos8] {
    color: #cfd8e3;
}

/* CTA Section for Terms Page */
.cta-section[b-si1urcwos8] {
    padding: 6rem 0;
    text-align: center;
    position: relative;
}

.cta-container[b-si1urcwos8] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 30px;
    padding: 4rem 3rem;
    position: relative;
    overflow: hidden;
}

    .cta-container[b-si1urcwos8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: shimmer-b-si1urcwos8 3s ease infinite;
    }

@keyframes shimmer-b-si1urcwos8 {
    to {
        left: 100%;
    }
}

.cta-title[b-si1urcwos8] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.cta-subtitle[b-si1urcwos8] {
    font-size: 1.2rem;
    color: var(--text-light);
    margin-bottom: 3rem;
}

/* Section Headers for Terms Page */
.section-header[b-si1urcwos8] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-si1urcwos8] {
    background: var(--gradient-3);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
}

.section-title[b-si1urcwos8] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.section-subtitle[b-si1urcwos8] {
    font-size: 1.2rem;
    color: var(--text-light);
    max-width: 600px;
    margin: 0 auto;
}

body.theme-dark .section-subtitle[b-si1urcwos8] {
    color: #cfd8e3;
}

/* Section styling */
.section[b-si1urcwos8] {
    margin-bottom: 3rem;
}

/* Mobile Responsive for Terms Page */
@media (max-width: 768px) {
    /* Hero Section Mobile */
    .hero-title[b-si1urcwos8] {
        font-size: 2.5rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }

    .hero-subtitle[b-si1urcwos8] {
        font-size: 1.1rem;
        margin-bottom: 2rem;
    }

    .hero-cta[b-si1urcwos8] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    /* Features Section Mobile */
    .feature-grid[b-si1urcwos8] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 3rem;
    }

    .feature-card-modern[b-si1urcwos8] {
        padding: 2rem 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-icon-modern[b-si1urcwos8] {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .feature-title-modern[b-si1urcwos8] {
        font-size: 1.2rem;
    }

    .feature-description-modern[b-si1urcwos8] {
        font-size: 0.95rem;
    }

    /* TOC Mobile */
    .toc-grid[b-si1urcwos8] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .toc-item[b-si1urcwos8] {
        padding: 0.75rem;
        font-size: 0.9rem;
    }

    /* Info subsections mobile */
    .info-subsection[b-si1urcwos8] {
        margin: 1.5rem 0;
        padding: 1rem 0;
    }

        .info-subsection h4[b-si1urcwos8] {
            font-size: 1.1rem;
        }

    .terms-list li[b-si1urcwos8] {
        padding: 0.5rem 0;
        padding-left: 1.5rem;
        font-size: 0.95rem;
    }

    /* CTA Section Mobile */
    .cta-title[b-si1urcwos8] {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .cta-subtitle[b-si1urcwos8] {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .cta-container[b-si1urcwos8] {
        padding: 3rem 1.5rem;
        margin: 0 1rem;
    }

    /* Section Headers Mobile */
    .section-title[b-si1urcwos8] {
        font-size: 2rem;
    }

    .section-subtitle[b-si1urcwos8] {
        font-size: 1rem;
        padding: 0 1rem;
    }

    /* Contact details mobile */
    .contact-item[b-si1urcwos8] {
        flex-direction: column;
        align-items: flex-start;
        padding: 0.5rem 0;
    }

        .contact-item i[b-si1urcwos8] {
            margin-bottom: 0.25rem;
        }
}

/* Extra Small Devices (phones, 576px and down) */
@media (max-width: 576px) {
    .hero-title[b-si1urcwos8] {
        font-size: 2rem;
    }

    .hero-subtitle[b-si1urcwos8] {
        font-size: 1rem;
    }

    .cta-title[b-si1urcwos8] {
        font-size: 1.5rem;
    }

    .feature-card-modern[b-si1urcwos8] {
        padding: 1.5rem 1rem;
    }

    .section-title[b-si1urcwos8] {
        font-size: 1.8rem;
    }

    .info-subsection h4[b-si1urcwos8] {
        font-size: 1rem;
    }

    .terms-list li[b-si1urcwos8] {
        font-size: 0.9rem;
    }
}

/* Touch Device Optimizations for Terms Page */
@media (hover: none) and (pointer: coarse) {
    .feature-card-modern:hover[b-si1urcwos8],
    .toc-item:hover[b-si1urcwos8] {
        transform: none;
    }
}

/* Safe Area Support for Terms Page */
@supports (padding: max(0px)) {
    .hero-section[b-si1urcwos8] {
        padding-left: max(0px, env(safe-area-inset-left));
        padding-right: max(0px, env(safe-area-inset-right));
    }
}

/* iOS Safari and Android Chrome Fixes for Terms Page */
@supports (-webkit-touch-callout: none) {
    .feature-card-modern[b-si1urcwos8],
    .cta-container[b-si1urcwos8] {
        -webkit-backdrop-filter: blur(20px);
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .feature-card-modern[b-si1urcwos8] {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* Animation keyframes */
@keyframes slideInUp-b-si1urcwos8 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade in animations - Visible by default to prevent hiding */
.fade-in-up[b-si1urcwos8] {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.6s ease;
}

    .fade-in-up.visible[b-si1urcwos8] {
        opacity: 1;
        transform: translateY(0);
    }

/* Glass effect and neon glow */
.glass-effect[b-si1urcwos8] {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.neon-glow[b-si1urcwos8] {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

/* Link styling for terms page */
a[b-si1urcwos8] {
    color: var(--primary);
    text-decoration: none;
    transition: all 0.3s ease;
}

    a:hover[b-si1urcwos8] {
        color: var(--accent);
        text-decoration: underline;
    }

    /* Email and external link styling */
    a[href^="mailto:"][b-si1urcwos8] {
        color: var(--primary);
        font-weight: 500;
    }

        a[href^="mailto:"]:hover[b-si1urcwos8] {
            color: var(--accent);
            text-decoration: underline;
        }

    a[target="_blank"][b-si1urcwos8] {
        position: relative;
    }

        a[target="_blank"][b-si1urcwos8]::after {
            content: '↗';
            margin-left: 0.25rem;
            font-size: 0.8rem;
            opacity: 0.7;
        }

/* Special styling for legal text */
.danger-box p[b-si1urcwos8] {
    font-weight: 600;
}

    .highlight-box p strong[b-si1urcwos8],
    .warning-box p strong[b-si1urcwos8],
    .danger-box p strong[b-si1urcwos8] {
        display: block;
        margin-bottom: 0.75rem;
        font-size: 1.05rem;
    }

/* Terms specific enhancements */
.acceptance-box[b-si1urcwos8] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 12px;
    padding: 1.5rem;
    margin: 1.5rem 0;
    text-align: center;
    position: relative;
}

    .acceptance-box[b-si1urcwos8]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(135deg, #22c55e 0%, #10b981 100%);
        border-radius: 2px 0 0 2px;
    }

    .acceptance-box h3[b-si1urcwos8] {
        color: #059669;
        margin-top: 0;
        margin-bottom: 1rem;
    }
/* _content/WebUI/Areas/Static/Views/Product/Feature.cshtml.rz.scp.css */
/* Page-specific styles for Feature page */

/* Hero Section for Feature Page */
.hero-section[b-c1r50ze0qq] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-c1r50ze0qq] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-c1r50ze0qq] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp-b-c1r50ze0qq 1s ease 0.2s both;
}

.hero-title[b-c1r50ze0qq] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp-b-c1r50ze0qq 1s ease 0.4s both;
}

.hero-subtitle[b-c1r50ze0qq] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    animation: slideInUp-b-c1r50ze0qq 1s ease 0.6s both;
}

.hero-cta[b-c1r50ze0qq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: slideInUp-b-c1r50ze0qq 1s ease 0.8s both;
}

/* Feature Grid Enhancements */
.feature-grid[b-c1r50ze0qq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.feature-card-modern[b-c1r50ze0qq] {
    position: relative;
    padding: 2.5rem;
    border-radius: 20px;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

    .feature-card-modern[b-c1r50ze0qq]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: -1;
    }

    .feature-card-modern:hover[b-c1r50ze0qq]::before {
        opacity: 0.1;
    }

.feature-icon-modern[b-c1r50ze0qq] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all 0.3s ease;
}

    .feature-icon-modern i[b-c1r50ze0qq] {
        font-size: 2rem;
        color: white;
    }

.feature-card-modern:hover .feature-icon-modern[b-c1r50ze0qq] {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);
}

.feature-title-modern[b-c1r50ze0qq] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.feature-description-modern[b-c1r50ze0qq] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

/* Feature Highlights */
.feature-highlights[b-c1r50ze0qq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.highlight-tag[b-c1r50ze0qq] {
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: white;
    padding: 0.3rem 0.8rem;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 500;
    animation: fadeInScale-b-c1r50ze0qq 0.5s ease both;
}

@keyframes fadeInScale-b-c1r50ze0qq {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Comparison Table Styles */
.comparison-table[b-c1r50ze0qq] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2rem;
    overflow: hidden;
}

    .comparison-table .table[b-c1r50ze0qq] {
        margin-bottom: 0;
        color: var(--text-primary);
    }

        .comparison-table .table thead th[b-c1r50ze0qq] {
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            color: white;
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-align: center;
        }

            .comparison-table .table thead th:first-child[b-c1r50ze0qq] {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            .comparison-table .table thead th:last-child[b-c1r50ze0qq] {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }

        .comparison-table .table tbody td[b-c1r50ze0qq] {
            padding: 1rem;
            border: none;
            border-bottom: 1px solid var(--glass-border);
            vertical-align: middle;
        }

        .comparison-table .table tbody tr:last-child td[b-c1r50ze0qq] {
            border-bottom: none;
        }

        .comparison-table .table tbody td:first-child[b-c1r50ze0qq] {
            font-weight: 600;
            color: var(--text-primary);
        }

        .comparison-table .table tbody td i[b-c1r50ze0qq] {
            font-size: 1.2rem;
            margin-right: 0.5rem;
        }

/* Integration Grid */
.integration-grid[b-c1r50ze0qq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 3rem;
}

.integration-card[b-c1r50ze0qq] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 15px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .integration-card[b-c1r50ze0qq]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: -1;
    }

    .integration-card:hover[b-c1r50ze0qq]::before {
        opacity: 0.1;
    }

.integration-icon[b-c1r50ze0qq] {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    transition: all 0.3s ease;
}

    .integration-icon i[b-c1r50ze0qq] {
        font-size: 1.5rem;
        color: white;
    }

.integration-card h4[b-c1r50ze0qq] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.integration-card p[b-c1r50ze0qq] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 0;
}

/* Section Styling */
.features-section[b-c1r50ze0qq] {
    padding: 5rem 0;
    position: relative;
}

    .features-section:nth-child(even)[b-c1r50ze0qq] {
        background: rgba(var(--primary-rgb), 0.02);
    }

.section-header[b-c1r50ze0qq] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-c1r50ze0qq] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.section-title[b-c1r50ze0qq] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.section-subtitle[b-c1r50ze0qq] {
    font-size: 1.2rem;
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* CTA Section */
.cta-section[b-c1r50ze0qq] {
    padding: 5rem 0;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    position: relative;
    overflow: hidden;
}

    .cta-section[b-c1r50ze0qq]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;
        background-size: 50px 50px;
        animation: float-b-c1r50ze0qq 20s infinite linear;
    }

.cta-container[b-c1r50ze0qq] {
    text-align: center;
    position: relative;
    z-index: 2;
}

.cta-title[b-c1r50ze0qq] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 800;
    color: white;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.cta-subtitle[b-c1r50ze0qq] {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons[b-c1r50ze0qq] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

    .cta-buttons .btn-modern[b-c1r50ze0qq],
    .cta-buttons .btn-glass[b-c1r50ze0qq] {
        background: white;
        color: var(--primary);
        border: 2px solid white;
    }

    .cta-buttons .btn-glass[b-c1r50ze0qq] {
        background: transparent;
        color: white;
        border: 2px solid rgba(255, 255, 255, 0.3);
        backdrop-filter: blur(10px);
    }

    .cta-buttons .btn-modern:hover[b-c1r50ze0qq] {
        background: transparent;
        color: white;
        transform: translateY(-3px);
    }

    .cta-buttons .btn-glass:hover[b-c1r50ze0qq] {
        background: white;
        color: var(--primary);
        transform: translateY(-3px);
    }

/* Animations */
@keyframes slideInUp-b-c1r50ze0qq {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

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

@keyframes float-b-c1r50ze0qq {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100px);
    }
}

.fade-in-up[b-c1r50ze0qq] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

    .fade-in-up.visible[b-c1r50ze0qq] {
        opacity: 1;
        transform: translateY(0);
    }

/* Responsive Design */
@media (max-width: 768px) {
    .hero-title[b-c1r50ze0qq] {
        font-size: 2.5rem;
    }

    .hero-subtitle[b-c1r50ze0qq] {
        font-size: 1.1rem;
    }

    .section-title[b-c1r50ze0qq] {
        font-size: 2rem;
    }

    .section-subtitle[b-c1r50ze0qq] {
        font-size: 1rem;
    }

    .cta-title[b-c1r50ze0qq] {
        font-size: 2rem;
    }

    .feature-grid[b-c1r50ze0qq] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .integration-grid[b-c1r50ze0qq] {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 1rem;
    }

    .feature-card-modern[b-c1r50ze0qq] {
        padding: 2rem;
    }

    .integration-card[b-c1r50ze0qq] {
        padding: 1.5rem;
    }

    .hero-cta[b-c1r50ze0qq] {
        flex-direction: column;
        align-items: center;
    }

    .cta-buttons[b-c1r50ze0qq] {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .hero-title[b-c1r50ze0qq] {
        font-size: 2rem;
    }

    .section-title[b-c1r50ze0qq] {
        font-size: 1.8rem;
    }

    .cta-title[b-c1r50ze0qq] {
        font-size: 1.8rem;
    }

    .feature-card-modern[b-c1r50ze0qq] {
        padding: 1.5rem;
    }

    .feature-icon-modern[b-c1r50ze0qq] {
        width: 60px;
        height: 60px;
    }

        .feature-icon-modern i[b-c1r50ze0qq] {
            font-size: 1.5rem;
        }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .comparison-table .table tbody td[b-c1r50ze0qq] {
        color: var(--text-primary);
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .feature-card-modern[b-c1r50ze0qq],
    .integration-card[b-c1r50ze0qq],
    .comparison-table[b-c1r50ze0qq] {
        border-width: 2px;
    }

    .highlight-tag[b-c1r50ze0qq] {
        border: 1px solid var(--primary);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .feature-card-modern[b-c1r50ze0qq],
    .integration-card[b-c1r50ze0qq],
    .fade-in-up[b-c1r50ze0qq],
    .highlight-tag[b-c1r50ze0qq] {
        animation: none;
        transition: none;
    }

        .feature-card-modern:hover[b-c1r50ze0qq],
        .integration-card:hover[b-c1r50ze0qq] {
            transform: none;
        }
}
/* _content/WebUI/Areas/Static/Views/Product/Pricing.cshtml.rz.scp.css */
/* Page-specific styles for Pricing page */

/* Hero Section for Pricing Page */
.hero-section[b-4zjmmxjnid] {
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.hero-content[b-4zjmmxjnid] {
    position: relative;
    z-index: 10;
    text-align: center;
}

.hero-badge[b-4zjmmxjnid] {
    display: inline-block;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 2rem;
    animation: slideInUp-b-4zjmmxjnid 1s ease 0.2s both;
    box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);
}

.hero-title[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 50%, var(--accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: slideInUp-b-4zjmmxjnid 1s ease 0.4s both;
}

.hero-subtitle[b-4zjmmxjnid] {
    font-size: 1.3rem;
    color: var(--text-secondary);
    margin-bottom: 3rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    animation: slideInUp-b-4zjmmxjnid 1s ease 0.6s both;
}

.hero-cta[b-4zjmmxjnid] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    animation: slideInUp-b-4zjmmxjnid 1s ease 0.8s both;
}

/* Free Offer Card */
.free-offer-card[b-4zjmmxjnid] {
    background: var(--glass-bg, rgba(255, 255, 255, 0.9));
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border, rgba(59, 130, 246, 0.2));
    border-radius: 25px;
    padding: 3rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     Ensure visibility with fallback styles 
    min-height: 200px;
    display: block;
    visibility: visible;
    opacity: 1;
}

    .free-offer-card[b-4zjmmxjnid]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0.05;
        z-index: -1;
    }

.offer-header[b-4zjmmxjnid] {
    text-align: center;
    margin-bottom: 2.5rem;
    position: relative;
}

.offer-badge[b-4zjmmxjnid] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, var(--primary, #3b82f6) 0%, var(--accent, #06b6d4) 100%);
    color: white;
    padding: 0.8rem 2rem;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);
    animation: pulse-b-4zjmmxjnid 2s infinite;
}

    .offer-badge i[b-4zjmmxjnid] {
        font-size: 1.3rem;
    }

@keyframes pulse-b-4zjmmxjnid {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 15px 40px rgba(var(--primary-rgb), 0.4);
    }
}

.offer-title[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--text-primary, #1e293b);
    margin-bottom: 1rem;
}

.offer-price[b-4zjmmxjnid] {
    margin-bottom: 1.5rem;
}

.price-amount[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 4rem;
    font-weight: 800;
    color: var(--primary, #3b82f6);
    line-height: 1;
}

.price-period[b-4zjmmxjnid] {
    font-size: 1.2rem;
    color: var(--text-secondary, #475569);
    margin-left: 0.5rem;
}

.offer-description[b-4zjmmxjnid] {
    font-size: 1.1rem;
    color: var(--text-secondary, #475569);
    line-height: 1.6;
}

/* Feature List */
.offer-features[b-4zjmmxjnid] {
    margin: 2.5rem 0;
}

    .offer-features h4[b-4zjmmxjnid] {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--text-primary, #1e293b);
        margin-bottom: 1.5rem;
        text-align: center;
    }

.feature-list[b-4zjmmxjnid] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

    .feature-list li[b-4zjmmxjnid] {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        padding: 0.8rem;
        background: rgba(59, 130, 246, 0.1);
        border-radius: 10px;
        transition: all 0.3s ease;
        color: var(--text-primary, #1e293b);
    }

        .feature-list li:hover[b-4zjmmxjnid] {
            background: rgba(59, 130, 246, 0.15);
            transform: translateX(5px);
        }

        .feature-list li i[b-4zjmmxjnid] {
            color: var(--primary, #3b82f6);
            font-size: 1.1rem;
            flex-shrink: 0;
        }

/* Offer CTA */
.offer-cta[b-4zjmmxjnid] {
    text-align: center;
    margin-top: 2.5rem;
}

.btn-large[b-4zjmmxjnid] {
    padding: 1rem 2.5rem;
    font-size: 1.1rem;
    font-weight: 600;
}

.offer-note[b-4zjmmxjnid] {
    margin-top: 1rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Pricing Grid */
.pricing-grid[b-4zjmmxjnid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.pricing-card[b-4zjmmxjnid] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2.5rem;
    position: relative;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

    .pricing-card.featured[b-4zjmmxjnid] {
        border: 2px solid var(--primary);
        transform: scale(1.05);
    }

        .pricing-card.featured[b-4zjmmxjnid]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            opacity: 0.1;
            z-index: -1;
        }

.featured-badge[b-4zjmmxjnid] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(var(--primary-rgb), 0.3);
}

.pricing-header[b-4zjmmxjnid] {
    text-align: center;
    margin-bottom: 2rem;
}

.plan-name[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.plan-price[b-4zjmmxjnid] {
    margin-bottom: 1rem;
}

.plan-description[b-4zjmmxjnid] {
    color: var(--text-secondary);
    line-height: 1.5;
}

.plan-features[b-4zjmmxjnid] {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}

    .plan-features li[b-4zjmmxjnid] {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        padding: 0.8rem 0;
        border-bottom: 1px solid var(--glass-border);
    }

        .plan-features li:last-child[b-4zjmmxjnid] {
            border-bottom: none;
        }

        .plan-features li i[b-4zjmmxjnid] {
            color: var(--primary);
            font-size: 1rem;
        }

.plan-note[b-4zjmmxjnid] {
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.9rem;
    font-style: italic;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--glass-border);
}

/* Guarantee Card */
.pricing-guarantee[b-4zjmmxjnid] {
    margin-top: 3rem;
    text-align: center;
}

.guarantee-card[b-4zjmmxjnid] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2.5rem;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

    .guarantee-card[b-4zjmmxjnid]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);
        opacity: 0.1;
        z-index: -1;
    }

.guarantee-icon[b-4zjmmxjnid] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent) 0%, var(--primary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

    .guarantee-icon i[b-4zjmmxjnid] {
        font-size: 2rem;
        color: white;
    }

.guarantee-card h4[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.guarantee-card p[b-4zjmmxjnid] {
    color: var(--text-secondary);
    line-height: 1.6;
    font-size: 1.1rem;
}

/* Contact Grid */
.contact-grid[b-4zjmmxjnid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.contact-card[b-4zjmmxjnid] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 20px;
    padding: 2.5rem;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .contact-card[b-4zjmmxjnid]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: -1;
    }

    .contact-card:hover[b-4zjmmxjnid]::before {
        opacity: 0.1;
    }

.contact-icon[b-4zjmmxjnid] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

    .contact-icon i[b-4zjmmxjnid] {
        font-size: 2rem;
        color: white;
    }

.contact-card:hover .contact-icon[b-4zjmmxjnid] {
    transform: scale(1.1) rotate(5deg);
}

.contact-card h3[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.contact-card p[b-4zjmmxjnid] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.contact-details[b-4zjmmxjnid] {
    text-align: left;
}

.contact-link[b-4zjmmxjnid] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--primary);
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 8px;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem;
}

    .contact-link:hover[b-4zjmmxjnid] {
        background: rgba(var(--primary-rgb), 0.1);
        color: var(--primary);
        text-decoration: none;
        transform: translateX(5px);
    }

.contact-item[b-4zjmmxjnid] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

    .contact-item i[b-4zjmmxjnid] {
        color: var(--primary);
    }

/* Quick Contact Form */
.contact-form-section[b-4zjmmxjnid] {
    margin-top: 4rem;
}

.quick-contact-form[b-4zjmmxjnid] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 25px;
    padding: 3rem;
    position: relative;
    overflow: hidden;
}

    .quick-contact-form[b-4zjmmxjnid]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0.03;
        z-index: -1;
    }

    .quick-contact-form h4[b-4zjmmxjnid] {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 2rem;
        font-weight: 700;
        color: var(--text-primary);
        text-align: center;
        margin-bottom: 1rem;
    }

    .quick-contact-form > p[b-4zjmmxjnid] {
        text-align: center;
        color: var(--text-secondary);
        margin-bottom: 2.5rem;
        font-size: 1.1rem;
    }

.contact-form .form-group[b-4zjmmxjnid] {
    margin-bottom: 1.5rem;
}

.contact-form .form-label[b-4zjmmxjnid] {
    display: block;
    color: var(--text-primary);
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.contact-form .form-control[b-4zjmmxjnid] {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    background: rgba(var(--glass-bg), 0.5);
    backdrop-filter: blur(10px);
    color: var(--text-primary);
    font-size: 1rem;
    transition: all 0.3s ease;
}

    .contact-form .form-control:focus[b-4zjmmxjnid] {
        outline: none;
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
        background: rgba(var(--glass-bg), 0.8);
    }

.form-actions[b-4zjmmxjnid] {
    text-align: center;
    margin-top: 2rem;
}

.form-note[b-4zjmmxjnid] {
    margin-top: 1rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* FAQ Styles */
.faq-container[b-4zjmmxjnid] {
    margin-top: 3rem;
}

.faq-item[b-4zjmmxjnid] {
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 15px;
    margin-bottom: 1rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .faq-item:hover[b-4zjmmxjnid] {
        border-color: var(--primary);
    }

.faq-question[b-4zjmmxjnid] {
    padding: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

    .faq-question:hover[b-4zjmmxjnid] {
        background: rgba(var(--primary-rgb), 0.05);
    }

    .faq-question h4[b-4zjmmxjnid] {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 1.2rem;
        font-weight: 600;
        color: var(--text-primary);
        margin: 0;
    }

    .faq-question i[b-4zjmmxjnid] {
        color: var(--primary);
        transition: transform 0.3s ease;
    }

.faq-item.active .faq-question i[b-4zjmmxjnid] {
    transform: rotate(180deg);
}

.faq-answer[b-4zjmmxjnid] {
    padding: 0 1.5rem 1.5rem;
    display: none;
}

    .faq-answer p[b-4zjmmxjnid] {
        color: var(--text-secondary);
        line-height: 1.6;
        margin: 0;
    }

/* Feature Grid and Cards */
.feature-grid[b-4zjmmxjnid] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.feature-card-modern[b-4zjmmxjnid] {
    position: relative;
    padding: 2.5rem;
    border-radius: 20px;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    text-align: center;
}

    .feature-card-modern[b-4zjmmxjnid]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: -1;
    }

    .feature-card-modern:hover[b-4zjmmxjnid]::before {
        opacity: 0.1;
    }

.feature-icon-modern[b-4zjmmxjnid] {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    transition: all 0.3s ease;
}

    .feature-icon-modern i[b-4zjmmxjnid] {
        font-size: 2rem;
        color: white;
    }

.feature-card-modern:hover .feature-icon-modern[b-4zjmmxjnid] {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 10px 30px rgba(var(--primary-rgb), 0.3);
}

.feature-title-modern[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.feature-description-modern[b-4zjmmxjnid] {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 0;
}

/* Section Styling */
.features-section[b-4zjmmxjnid] {
    padding: 5rem 0;
    position: relative;
}

    .features-section:nth-child(even)[b-4zjmmxjnid] {
        background: rgba(var(--primary-rgb), 0.02);
    }

.section-header[b-4zjmmxjnid] {
    text-align: center;
    margin-bottom: 4rem;
}

.section-badge[b-4zjmmxjnid] {
    display: inline-block;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.section-title[b-4zjmmxjnid] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 3rem;
    font-weight: 800;
    color: var(--text-primary);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.section-subtitle[b-4zjmmxjnid] {
    font-size: 1.2rem;
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Animations */
@keyframes slideInUp-b-4zjmmxjnid {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

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

.fade-in-up[b-4zjmmxjnid] {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

    .fade-in-up.visible[b-4zjmmxjnid] {
        opacity: 1;
        transform: translateY(0);
    }

/* Notification Styles */
.notification[b-4zjmmxjnid] {
    position: fixed;
    top: 20px;
    right: 20px;
    background: var(--glass-bg);
    backdrop-filter: blur(20px);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    padding: 1rem 1.5rem;
    color: var(--text-primary);
    z-index: 1000;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

    .notification.notification-success[b-4zjmmxjnid] {
        border-color: #28a745;
        background: rgba(40, 167, 69, 0.1);
    }

        .notification.notification-success i[b-4zjmmxjnid] {
            color: #28a745;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .hero-title[b-4zjmmxjnid] {
        font-size: 2.5rem;
    }

    .hero-subtitle[b-4zjmmxjnid] {
        font-size: 1.1rem;
    }

    .section-title[b-4zjmmxjnid] {
        font-size: 2rem;
    }

    .section-subtitle[b-4zjmmxjnid] {
        font-size: 1rem;
    }

    .offer-title[b-4zjmmxjnid] {
        font-size: 2rem;
    }

    .price-amount[b-4zjmmxjnid] {
        font-size: 3rem;
    }

    .pricing-grid[b-4zjmmxjnid] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .contact-grid[b-4zjmmxjnid] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .pricing-card.featured[b-4zjmmxjnid] {
        transform: none;
    }

    .free-offer-card[b-4zjmmxjnid] {
        padding: 2rem;
    }

    .quick-contact-form[b-4zjmmxjnid] {
        padding: 2rem;
    }

    .feature-list[b-4zjmmxjnid] {
        grid-template-columns: 1fr;
    }

    .hero-cta[b-4zjmmxjnid] {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .hero-title[b-4zjmmxjnid] {
        font-size: 2rem;
    }

    .section-title[b-4zjmmxjnid] {
        font-size: 1.8rem;
    }

    .offer-title[b-4zjmmxjnid] {
        font-size: 1.8rem;
    }

    .price-amount[b-4zjmmxjnid] {
        font-size: 2.5rem;
    }

    .free-offer-card[b-4zjmmxjnid] {
        padding: 1.5rem;
    }

    .pricing-card[b-4zjmmxjnid] {
        padding: 2rem;
    }

    .contact-card[b-4zjmmxjnid] {
        padding: 2rem;
    }

    .quick-contact-form[b-4zjmmxjnid] {
        padding: 1.5rem;
    }

        .quick-contact-form h4[b-4zjmmxjnid] {
            font-size: 1.5rem;
        }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    /* Ensure text colors are visible in dark mode */
    .hero-title[b-4zjmmxjnid],
    .section-title[b-4zjmmxjnid],
    .offer-title[b-4zjmmxjnid],
    .plan-name[b-4zjmmxjnid],
    .feature-title-modern[b-4zjmmxjnid],
    .contact-card h3[b-4zjmmxjnid],
    .guarantee-card h4[b-4zjmmxjnid],
    .quick-contact-form h4[b-4zjmmxjnid],
    .faq-question h4[b-4zjmmxjnid] {
        color: #ffffff !important;
    }

    .hero-subtitle[b-4zjmmxjnid],
    .section-subtitle[b-4zjmmxjnid],
    .offer-description[b-4zjmmxjnid],
    .plan-description[b-4zjmmxjnid],
    .feature-description-modern[b-4zjmmxjnid],
    .contact-card p[b-4zjmmxjnid],
    .guarantee-card p[b-4zjmmxjnid],
    .quick-contact-form > p[b-4zjmmxjnid],
    .faq-answer p[b-4zjmmxjnid],
    .offer-note[b-4zjmmxjnid],
    .plan-note[b-4zjmmxjnid],
    .form-note[b-4zjmmxjnid] {
        color: #cbd5e1 !important;
    }

    /* Fix pricing amounts - make them bright and visible */
    .price-amount[b-4zjmmxjnid] {
        color: #22d3ee !important; /* Bright cyan instead of blue */
        text-shadow: 0 0 10px rgba(34, 211, 238, 0.3);
    }

    .price-period[b-4zjmmxjnid] {
        color: #e2e8f0 !important; /* Light gray for better contrast */
    }

    /* Fix offer features heading */
    .offer-features h4[b-4zjmmxjnid] {
        color: #ffffff !important;
    }

    /* Fix feature list items for better visibility */
    .feature-list li[b-4zjmmxjnid] {
        color: #e2e8f0 !important;
        background: rgba(34, 211, 238, 0.1) !important; /* Cyan background */
        border: 1px solid rgba(34, 211, 238, 0.2) !important;
    }

        .feature-list li:hover[b-4zjmmxjnid] {
            background: rgba(34, 211, 238, 0.2) !important;
            border-color: rgba(34, 211, 238, 0.3) !important;
        }

        .feature-list li i[b-4zjmmxjnid] {
            color: #22d3ee !important; /* Bright cyan for checkmarks */
        }

    /* Fix plan features */
    .plan-features li[b-4zjmmxjnid] {
        color: #e2e8f0 !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

        .plan-features li i[b-4zjmmxjnid] {
            color: #22d3ee !important;
        }

    .contact-form .form-control[b-4zjmmxjnid] {
        color: #ffffff !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-color: rgba(255, 255, 255, 0.2) !important;
    }

        .contact-form .form-control[b-4zjmmxjnid]::placeholder {
            color: #94a3b8 !important;
        }

    .contact-form .form-label[b-4zjmmxjnid] {
        color: #ffffff !important;
    }

    .contact-item[b-4zjmmxjnid] {
        color: #cbd5e1 !important;
    }

        .contact-item i[b-4zjmmxjnid] {
            color: #22d3ee !important;
        }

    .contact-link[b-4zjmmxjnid] {
        color: #22d3ee !important;
    }

        .contact-link:hover[b-4zjmmxjnid] {
            color: #06b6d4 !important;
        }

    /* Ensure glass effects work well in dark mode with better visibility */
    .free-offer-card[b-4zjmmxjnid] {
        background: rgba(15, 23, 42, 0.8) !important; /* Darker background */
        border: 2px solid rgba(34, 211, 238, 0.3) !important; /* Cyan border */
        box-shadow: 0 0 30px rgba(34, 211, 238, 0.1) !important;
    }

    .pricing-card[b-4zjmmxjnid],
    .contact-card[b-4zjmmxjnid],
    .quick-contact-form[b-4zjmmxjnid],
    .faq-item[b-4zjmmxjnid],
    .feature-card-modern[b-4zjmmxjnid],
    .guarantee-card[b-4zjmmxjnid] {
        background: rgba(15, 23, 42, 0.7) !important;
        border-color: rgba(255, 255, 255, 0.2) !important;
    }

        .pricing-card.featured[b-4zjmmxjnid] {
            border-color: rgba(34, 211, 238, 0.5) !important;
            box-shadow: 0 0 20px rgba(34, 211, 238, 0.2) !important;
        }

    /* Fix offer badge for dark mode */
    .offer-badge[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
        box-shadow: 0 0 20px rgba(34, 211, 238, 0.4) !important;
    }

    /* Fix featured badge */
    .featured-badge[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
        box-shadow: 0 0 15px rgba(34, 211, 238, 0.3) !important;
    }

    /* Fix guarantee icon */
    .guarantee-icon[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
    }

    /* Fix contact icons */
    .contact-icon[b-4zjmmxjnid],
    .feature-icon-modern[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
    }

    /* Table styling for dark mode */
    .comparison-table .table tbody td[b-4zjmmxjnid] {
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }

    .comparison-table .table thead th[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
    }

    /* Notification styling for dark mode */
    .notification[b-4zjmmxjnid] {
        background: rgba(15, 23, 42, 0.9) !important;
        color: #ffffff !important;
        border-color: rgba(34, 211, 238, 0.3) !important;
    }

    /* Fix section badges */
    .section-badge[b-4zjmmxjnid] {
        background: rgba(15, 23, 42, 0.8) !important;
        border-color: rgba(34, 211, 238, 0.3) !important;
        color: #22d3ee !important;
    }

    /* Fix hero badge */
    .hero-badge[b-4zjmmxjnid] {
        background: linear-gradient(135deg, #22d3ee 0%, #06b6d4 100%) !important;
        color: #ffffff !important;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .free-offer-card[b-4zjmmxjnid],
    .pricing-card[b-4zjmmxjnid],
    .contact-card[b-4zjmmxjnid],
    .quick-contact-form[b-4zjmmxjnid],
    .faq-item[b-4zjmmxjnid] {
        border-width: 2px;
    }

    .offer-badge[b-4zjmmxjnid],
    .featured-badge[b-4zjmmxjnid] {
        border: 1px solid var(--primary);
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .free-offer-card[b-4zjmmxjnid],
    .pricing-card[b-4zjmmxjnid],
    .contact-card[b-4zjmmxjnid],
    .fade-in-up[b-4zjmmxjnid],
    .offer-badge[b-4zjmmxjnid] {
        animation: none;
        transition: none;
    }

        .pricing-card:hover[b-4zjmmxjnid],
        .contact-card:hover[b-4zjmmxjnid] {
            transform: none;
        }

    .faq-question i[b-4zjmmxjnid] {
        transition: none;
    }
}
/* _content/WebUI/Areas/Vehicle/Views/Assessment/Upsert.cshtml.rz.scp.css */

/* Custom styles for filter color coding */
tr.filter-default[b-1sh7x10w1a] {
    background-color: #ffffff;
}

tr.filter-ma[b-1sh7x10w1a] {
    background-color: #e6f7ff;
}

tr.filter-r[b-1sh7x10w1a] {
    background-color: #ffe6e6;
}

tr.filter-f[b-1sh7x10w1a] {
    background-color: #e6ffe6;
}

tr.filter-g[b-1sh7x10w1a] {
    background-color: #fff9e6;
}

tr.filter-l[b-1sh7x10w1a] {
    background-color: #f2e6ff;
}

/* Darker shades for selected rows */
tr.filter-default.selected[b-1sh7x10w1a] {
    background-color: #f1f1f1 !important;
}

tr.filter-ma.selected[b-1sh7x10w1a] {
    background-color: #c2e0ff !important;
}

tr.filter-r.selected[b-1sh7x10w1a] {
    background-color: #ffc2c2 !important;
}

tr.filter-f.selected[b-1sh7x10w1a] {
    background-color: #c2ffc2 !important;
}

tr.filter-g.selected[b-1sh7x10w1a] {
    background-color: #ffecb3 !important;
}

tr.filter-l.selected[b-1sh7x10w1a] {
    background-color: #e0c2ff !important;
}

/* Pointer cursor on rows for better UX */
tbody tr[b-1sh7x10w1a] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Style for disabled colors */
tr.filter-disabled[b-1sh7x10w1a] {
    background-color: #ffffff !important;
}

    tr.filter-disabled.selected[b-1sh7x10w1a] {
        background-color: #f1f1f1 !important;
    }
/* _content/WebUI/Areas/Vehicle/Views/Home/_IncompleteTask.cshtml.rz.scp.css */
.tickets-list[b-palldw1rx9] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.scrollable-container[b-palldw1rx9] {
    scroll-behavior: smooth;
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 345px;
    scrollbar-color: #e0e0e0 transparent;
    flex: 1;
}


    .scrollable-container[b-palldw1rx9]::-webkit-scrollbar {
        width: 6px;
    }

    .scrollable-container[b-palldw1rx9]::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 3px;
    }

    .scrollable-container[b-palldw1rx9]::-webkit-scrollbar-thumb {
        background-color: #e0e0e0;
        border-radius: 3px;
    }

        .scrollable-container[b-palldw1rx9]::-webkit-scrollbar-thumb:hover {
            background-color: #bdbdbd;
        }

@supports (scrollbar-color: auto) {
    .scrollable-container[b-palldw1rx9] {
        scrollbar-color: #e0e0e0 transparent;
        scrollbar-width: thin;
    }
}

.ticket-info-text[b-palldw1rx9] {
    line-clamp: 1;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: calc(2 * 1.5em);
}

.ticket-info-date[b-palldw1rx9] {
    white-space: nowrap;
}

.ticket-item-task[b-palldw1rx9] {
    display: flex;
    align-items: center;
    color: #6c757d;
    margin-top: .6rem;
    gap: .8rem;
}

.task-status[b-palldw1rx9] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}
/* _content/WebUI/Views/Shared/_AdminLayout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-zj7qz69uze] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-zj7qz69uze] {
  color: #0077cc;
}

.btn-primary[b-zj7qz69uze] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-zj7qz69uze], .nav-pills .show > .nav-link[b-zj7qz69uze] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-zj7qz69uze] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-zj7qz69uze] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-zj7qz69uze] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-zj7qz69uze] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-zj7qz69uze] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/WebUI/Views/Shared/_AuthLayout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-pbpd28a2ac] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-pbpd28a2ac] {
  color: #0077cc;
}

.btn-primary[b-pbpd28a2ac] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-pbpd28a2ac], .nav-pills .show > .nav-link[b-pbpd28a2ac] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-pbpd28a2ac] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-pbpd28a2ac] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-pbpd28a2ac] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-pbpd28a2ac] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-pbpd28a2ac] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* _content/WebUI/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-eh7gjq0slz] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-eh7gjq0slz] {
  color: #0077cc;
}

.btn-primary[b-eh7gjq0slz] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-eh7gjq0slz], .nav-pills .show > .nav-link[b-eh7gjq0slz] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.border-top[b-eh7gjq0slz] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-eh7gjq0slz] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-eh7gjq0slz] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-eh7gjq0slz] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-eh7gjq0slz] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}