/* teachersstyle.css */

:root {
    --brand-indigo: #6366f1;
}

/* BRAND LOGO - Resetting to Slate/Black for global consistency */
.brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #0f172a !important; 
    background-image: none !important;
    color: white !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.dark .brand-logo {
    background-color: white !important;
    color: #0f172a !important;
}

/* Profile Card Image Grayscale to Color Transition */
.group:hover img {
    filter: grayscale(0%) !important;
    transform: scale(1.05);
}

.group img {
    filter: grayscale(100%);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Testimonial Section Softness */
.bg-indigo-50 {
    border: 1px solid rgba(99, 102, 241, 0.1);
}

.dark .bg-indigo-50 {
    background-color: rgba(99, 102, 241, 0.05);
    border-color: rgba(99, 102, 241, 0.1);
}

/* Quote Icon styling */
.fa-quote-left {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Quality Grid Hover Effects */
.aspect-square {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.aspect-square:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.dark ::-webkit-scrollbar-thumb { background: #334155; }