/* About Page Specific Styles */
/* Only unique components not covered by global site.css */

/* About page track record card - unique gradient card */
.about-track-record-card {
    background: linear-gradient(135deg, #1a365d 0%, #38b2ac 100%) !important;
    border-radius: 24px;
    border: none;
    box-shadow: var(--kai-shadow-strong);
    position: relative;
    z-index: 1;
}

.about-track-record-card.card {
    background: linear-gradient(135deg, #1a365d 0%, #38b2ac 100%) !important;
    border: none !important;
}

.card.about-track-record-card {
    background: linear-gradient(135deg, #1a365d 0%, #38b2ac 100%) !important;
    border: none !important;
}

.about-track-record-card .card-body {
    position: relative;
    z-index: 2;
    background: transparent !important;
}

.about-track-record-card h2,
.about-track-record-card p,
.about-track-record-card .text-white,
.about-track-record-card * {
    color: white !important;
    position: relative;
    z-index: 3;
}

/* About page stat cards with glass effect */
.about-stat-card {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    min-height: 150px;
}

.about-stat-card:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-4px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .about-stat-card {
        padding: 1.5rem 1rem;
        min-height: 120px;
    }
}