@php
    $settings = $websiteSettings ?? \App\Models\WebsiteSetting::current();
    $sitePrimary = $settings['frontend_primary_color'] ?? $settings['primary_color'] ?? '#f7b731';
    $siteSecondary = $settings['frontend_secondary_color'] ?? $settings['secondary_color'] ?? '#1ecb85';
    $siteAccent = $settings['frontend_accent_color'] ?? $settings['accent_color'] ?? '#153f2d';
    $siteBackground = $settings['frontend_background_color'] ?? $settings['background_color'] ?? '#f8fafc';
    $siteText = $settings['frontend_text_color'] ?? $settings['text_color'] ?? '#10291f';

    $hexToRgb = function (string $hex, string $fallback) {
        $hex = ltrim($hex, '#');
        if (strlen($hex) !== 6 || ! ctype_xdigit($hex)) {
            return $fallback;
        }

        return hexdec(substr($hex, 0, 2)) . ',' . hexdec(substr($hex, 2, 2)) . ',' . hexdec(substr($hex, 4, 2));
    };

    $contrast = function (string $hex) {
        $hex = ltrim($hex, '#');
        if (strlen($hex) !== 6 || ! ctype_xdigit($hex)) {
            return '#ffffff';
        }

        $r = hexdec(substr($hex, 0, 2));
        $g = hexdec(substr($hex, 2, 2));
        $b = hexdec(substr($hex, 4, 2));

        return (($r * 299 + $g * 587 + $b * 114) / 1000) >= 150 ? '#10291f' : '#ffffff';
    };

    $primaryRgb = $hexToRgb($sitePrimary, '247,183,49');
    $secondaryRgb = $hexToRgb($siteSecondary, '30,203,133');
    $accentRgb = $hexToRgb($siteAccent, '21,63,45');
    $backgroundRgb = $hexToRgb($siteBackground, '248,250,252');
    $textRgb = $hexToRgb($siteText, '16,41,31');
    $primaryContrast = $contrast($sitePrimary);
    $secondaryContrast = $contrast($siteSecondary);
    $accentContrast = $contrast($siteAccent);
@endphp

<style>
    :root {
        --primary-color: {{ $sitePrimary }};
        --secondary-color: {{ $siteSecondary }};
        --accent-color: {{ $siteAccent }};
        --background-color: {{ $siteBackground }};
        --text-color: {{ $siteText }};

        --primary-rgb: {{ $primaryRgb }};
        --secondary-rgb: {{ $secondaryRgb }};
        --accent-rgb: {{ $accentRgb }};
        --background-rgb: {{ $backgroundRgb }};
        --text-rgb: {{ $textRgb }};

        --primary-contrast: {{ $primaryContrast }};
        --secondary-contrast: {{ $secondaryContrast }};
        --accent-contrast: {{ $accentContrast }};

        --site-primary: var(--primary-color);
        --site-secondary: var(--secondary-color);
        --site-primary-rgb: var(--primary-rgb);
        --site-secondary-rgb: var(--secondary-rgb);
        --site-primary-contrast: var(--primary-contrast);
        --site-secondary-contrast: var(--secondary-contrast);

        --surface-color: color-mix(in srgb, var(--background-color) 88%, white);
        --surface-strong: color-mix(in srgb, var(--background-color) 74%, white);
        --muted-text-color: color-mix(in srgb, var(--text-color) 68%, var(--background-color));
        --border-color: rgba(var(--text-rgb), .12);
        --highlight-color: rgba(var(--primary-rgb), .12);
        --section-gradient: linear-gradient(135deg, rgba(var(--primary-rgb), .16), rgba(var(--secondary-rgb), .12));
        --hero-overlay: linear-gradient(90deg, rgba(var(--accent-rgb), .88), rgba(var(--accent-rgb), .58), rgba(var(--primary-rgb), .34));
        --shadow-color: rgba(var(--accent-rgb), .16);

        --bs-primary: var(--primary-color);
        --bs-secondary: var(--secondary-color);
        --bs-info: var(--primary-color);
        --bs-success: var(--secondary-color);
        --bs-primary-rgb: var(--primary-rgb);
        --bs-secondary-rgb: var(--secondary-rgb);
        --bs-info-rgb: var(--primary-rgb);
        --bs-success-rgb: var(--secondary-rgb);
        --bs-body-bg: var(--background-color);
        --bs-body-color: var(--text-color);
        --bs-link-color: var(--primary-color);
        --bs-link-color-rgb: var(--primary-rgb);
        --bs-link-hover-color: var(--accent-color);
        --bs-link-hover-color-rgb: var(--accent-rgb);

        --bg: var(--background-color);
        --surface: var(--surface-color);
        --surface-2: var(--surface-strong);
        --text: var(--text-color);
        --muted: var(--muted-text-color);
        --border: var(--border-color);
        --accent: var(--primary-color);
        --accent-2: var(--secondary-color);
        --success: var(--secondary-color);
        --success-ink: var(--accent-color);
        --info: var(--primary-color);
        --danger: var(--accent-color);
        --lms-primary: var(--primary-color);
        --lms-primary-soft: var(--highlight-color);
        --lms-success: var(--secondary-color);
    }

    html,
    body {
        background: var(--background-color) !important;
        color: var(--text-color) !important;
    }

    body,
    main,
    .section,
    .news-page,
    .article-page,
    .smart-content,
    .online-form-shell,
    .admission-hero,
    .aoe-home {
        background:
            radial-gradient(760px 430px at 8% 2%, rgba(var(--primary-rgb), .12), transparent 62%),
            radial-gradient(840px 420px at 92% 8%, rgba(var(--secondary-rgb), .10), transparent 60%),
            var(--background-color) !important;
        color: var(--text-color) !important;
    }

    body main::before {
        background-image:
            linear-gradient(rgba(var(--primary-rgb), .08) 1px, transparent 1px),
            linear-gradient(90deg, rgba(var(--secondary-rgb), .07) 1px, transparent 1px) !important;
        mask-image: linear-gradient(180deg, rgba(var(--text-rgb), .45), transparent) !important;
    }

    .lms-nav,
    .navbar,
    .topbar {
        background: color-mix(in srgb, var(--background-color) 82%, var(--accent-color)) !important;
        border-color: var(--border-color) !important;
    }

    .lms-nav .nav-link,
    .navbar .nav-link,
    .dropdown-item,
    .dropdown-header {
        color: var(--text-color) !important;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover,
    .lms-nav .nav-link.active,
    .lms-nav .nav-link:hover,
    .dropdown-item.active,
    .dropdown-item:hover {
        background: rgba(var(--primary-rgb), .14) !important;
        color: var(--primary-color) !important;
    }

    .dropdown-menu {
        background: var(--surface-color) !important;
        border-color: var(--border-color) !important;
        box-shadow: 0 18px 46px var(--shadow-color) !important;
    }

    a,
    .footer-link,
    .news-read,
    .news-toolbar a,
    .aoe-head-links a,
    .aoe-inline-link {
        color: var(--primary-color) !important;
    }

    a:hover,
    .footer-link:hover {
        color: var(--accent-color) !important;
    }

    h1, h2, h3, h4, h5, h6,
    .fw-bold,
    .fw-semibold,
    .fw-extrabold,
    .text-dark,
    .smart-page-title,
    .smart-content-head h2,
    .news-heading h2,
    .sidebar-box h3,
    .article-box h3,
    .aoe-section-head h2,
    .aoe-message h2,
    .aoe-social-band h2 {
        color: var(--text-color) !important;
    }

    p,
    .text-muted,
    .text-muted2,
    .smart-page-subtitle,
    .smart-content-body,
    .article-body,
    .news-card p,
    .aoe-story-card p,
    .aoe-message p,
    .aoe-social-band p,
    .aoe-post-card small,
    .aoe-event-row span,
    .aoe-form-link span,
    .aoe-footer p {
        color: var(--muted-text-color) !important;
    }

    .card,
    .card-soft,
    .glass,
    .alert-soft,
    .news-toolbar,
    .news-card,
    .sidebar-box,
    .article-main,
    .article-box,
    .uni-content-card,
    .uni-side-card,
    .empty-news,
    .smart-content-card,
    .smart-side-card,
    .smart-cta,
    .online-form-card,
    .online-form-side,
    .online-form-step,
    .online-help-notice,
    .admission-side-card,
    .admission-form-card,
    .aoe-count-card,
    .aoe-story-card,
    .aoe-post-card,
    .aoe-event-row,
    .aoe-testimonial,
    .aoe-team-card,
    .aoe-form-link,
    .aoe-social-band,
    .aoe-portal-band,
    .contact-hero-card,
    .contact-info,
    .contact-form-card,
    .contact-social-card,
    .contact-detail,
    .contact-mini-map,
    .explore-card,
    .explore-panel,
    .explore-search,
    .content-card,
    .related-list a {
        background: var(--surface-color) !important;
        border-color: var(--border-color) !important;
        color: var(--text-color) !important;
        box-shadow: 0 18px 48px var(--shadow-color) !important;
    }

    .card:hover,
    .card-soft:hover,
    .glass:hover,
    .news-card:hover,
    .sidebar-box:hover,
    .article-box:hover,
    .aoe-count-card:hover,
    .aoe-story-card:hover,
    .aoe-post-card:hover,
    .aoe-event-row:hover,
    .aoe-team-card:hover,
    .aoe-form-link:hover {
        background: var(--surface-strong) !important;
        border-color: rgba(var(--primary-rgb), .28) !important;
    }

    .btn-primary,
    .btn-info,
    .btn-accent,
    .btn-warning,
    .aoe-btn-primary,
    .bg-primary,
    .bg-info,
    .text-bg-primary,
    .text-bg-info,
    .badge.bg-primary,
    .badge.bg-info,
    .page-item.active .page-link,
    .progress-bar,
    .form-check-input:checked {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        color: var(--primary-contrast) !important;
    }

    .btn-secondary,
    .btn-success,
    .bg-secondary,
    .bg-success,
    .text-bg-secondary,
    .text-bg-success,
    .badge.bg-secondary,
    .badge.bg-success {
        background: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
        color: var(--secondary-contrast) !important;
    }

    .btn-outline-primary,
    .btn-outline-info {
        color: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        background: transparent !important;
    }

    .btn-outline-primary:hover,
    .btn-outline-info:hover {
        background: var(--primary-color) !important;
        color: var(--primary-contrast) !important;
    }

    .btn-outline-secondary,
    .btn-outline-success {
        color: var(--secondary-color) !important;
        border-color: var(--secondary-color) !important;
        background: transparent !important;
    }

    .btn-outline-secondary:hover,
    .btn-outline-success:hover {
        background: var(--secondary-color) !important;
        color: var(--secondary-contrast) !important;
    }

    .text-primary,
    .text-info,
    a.text-primary,
    a.text-info,
    .nav-icon iconify-icon,
    .content-action i,
    .aoe-stars,
    .aoe-portal-links i,
    .aoe-form-link i,
    .smart-side-links i,
    .aoe-team-card span,
    .aoe-story-card span,
    .aoe-footer-grid h6 {
        color: var(--primary-color) !important;
    }

    .text-secondary,
    .text-success,
    a.text-secondary,
    a.text-success {
        color: var(--secondary-color) !important;
    }

    .border-primary {
        border-color: var(--primary-color) !important;
    }

    .border-secondary {
        border-color: var(--secondary-color) !important;
    }

    .form-control,
    .form-select,
    .input-group-text,
    textarea {
        background: var(--surface-color) !important;
        border-color: var(--border-color) !important;
        color: var(--text-color) !important;
    }

    .form-control::placeholder {
        color: var(--muted-text-color) !important;
    }

    .form-control:focus,
    .form-select:focus {
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb), .18) !important;
    }

    .aoe-home {
        --ink: var(--text-color) !important;
        --muted-ink: var(--muted-text-color) !important;
        --line: var(--border-color) !important;
        --panel: var(--surface-color) !important;
        --panel-strong: var(--surface-strong) !important;
        --gold: var(--primary-color) !important;
        --green: var(--secondary-color) !important;
        --red: var(--accent-color) !important;
        --blue: var(--primary-color) !important;
    }

    .aoe-hero::before {
        background: var(--hero-overlay), var(--hero-bg) center/cover !important;
    }

    .aoe-grid-pattern {
        background-image:
            linear-gradient(rgba(var(--primary-rgb), .10) 1px, transparent 1px),
            linear-gradient(90deg, rgba(var(--secondary-rgb), .10) 1px, transparent 1px) !important;
    }

    .public-page-banner,
    .smart-page-hero,
    .directory-hero,
    .contact-hero,
    .institution-hero,
    .content-list-hero,
    .featured-news,
    .gradient-box,
    .article-box.dark,
    .aoe-about-band,
    .aoe-footer {
        background:
            var(--section-gradient),
            color-mix(in srgb, var(--background-color) 78%, var(--accent-color)) !important;
        color: var(--text-color) !important;
    }

    .aoe-kicker,
    .online-form-kicker,
    .form-section-title,
    .smart-page-kicker,
    .banner-kicker,
    .badge-soft,
    .badge-success-soft,
    .news-kicker,
    .article-meta span {
        color: var(--primary-color) !important;
        border-color: rgba(var(--primary-rgb), .42) !important;
        background: rgba(var(--primary-rgb), .12) !important;
    }

    .aoe-message {
        background: color-mix(in srgb, var(--surface-color) 78%, transparent) !important;
        border-left-color: var(--primary-color) !important;
    }

    .aoe-event-row i,
    .online-form-step span,
    .admission-step span,
    .smart-content-head span,
    .smart-page-icon,
    .online-form-icon,
    .academic-feature-icon {
        background: var(--primary-color) !important;
        color: var(--primary-contrast) !important;
    }

    .aoe-social-links a,
    .aoe-footer-socials a,
    .play-badge {
        background: rgba(var(--primary-rgb), .14) !important;
        border-color: rgba(var(--primary-rgb), .22) !important;
        color: var(--primary-color) !important;
    }

    .aoe-social-links a:hover,
    .aoe-footer-socials a:hover {
        background: var(--secondary-color) !important;
        color: var(--secondary-contrast) !important;
    }

    .aoe-hero-logo,
    .aoe-footer-logo {
        background: var(--surface-color) !important;
    }

    .thumb-wrap,
    .article-cover,
    .news-card-image,
    .featured-news-image,
    .aoe-post-card img,
    .content-card-img {
        background-color: var(--surface-strong) !important;
    }

    .table {
        --bs-table-bg: transparent;
        --bs-table-color: var(--text-color);
        --bs-table-border-color: var(--border-color);
        color: var(--text-color) !important;
    }

    .table td,
    .table th {
        color: var(--text-color) !important;
        border-color: var(--border-color) !important;
    }

    .pagination .page-link {
        background: var(--surface-color) !important;
        border-color: var(--border-color) !important;
        color: var(--primary-color) !important;
    }

    .pagination .active .page-link,
    .pagination .page-link:hover {
        background: var(--primary-color) !important;
        border-color: var(--primary-color) !important;
        color: var(--primary-contrast) !important;
    }

    /* Institutional public theme: refined navy, gold, and academic neutrals. */
    :root {
        --uni-navy-950: #04162d;
        --uni-navy-900: #071d3a;
        --uni-navy-800: #0b2f5f;
        --uni-navy-700: #12477c;
        --uni-gold: #c8a45d;
        --uni-gold-soft: #f4e8c9;
        --uni-teal: #2aa7a5;
        --uni-paper: #f5f7fb;
        --uni-surface: #ffffff;
        --uni-ink: #102033;
        --uni-muted: #617086;
        --uni-border: rgba(16, 32, 51, .12);
        --uni-shadow: 0 18px 46px rgba(4, 22, 45, .10);

        --primary-color: var(--uni-navy-800);
        --secondary-color: var(--uni-gold);
        --accent-color: var(--uni-teal);
        --background-color: var(--uni-paper);
        --text-color: var(--uni-ink);
        --primary-rgb: 11, 47, 95;
        --secondary-rgb: 200, 164, 93;
        --accent-rgb: 42, 167, 165;
        --background-rgb: 245, 247, 251;
        --text-rgb: 16, 32, 51;
        --primary-contrast: #ffffff;
        --secondary-contrast: #111827;
        --accent-contrast: #ffffff;

        --site-primary: var(--uni-navy-800);
        --site-secondary: var(--uni-gold);
        --site-primary-rgb: 11, 47, 95;
        --site-secondary-rgb: 200, 164, 93;
        --surface-color: var(--uni-surface);
        --surface-strong: #eef3f9;
        --muted-text-color: var(--uni-muted);
        --border-color: var(--uni-border);
        --highlight-color: rgba(200, 164, 93, .16);
        --section-gradient: linear-gradient(135deg, rgba(7, 29, 58, .96), rgba(11, 47, 95, .91));
        --hero-overlay: linear-gradient(90deg, rgba(4, 22, 45, .96), rgba(7, 29, 58, .78) 50%, rgba(7, 29, 58, .38));
        --shadow-color: rgba(4, 22, 45, .12);

        --bg: var(--uni-paper);
        --surface: var(--uni-surface);
        --surface-2: #eef3f9;
        --text: var(--uni-ink);
        --muted: var(--uni-muted);
        --border: var(--uni-border);
        --accent: var(--uni-gold);
        --accent-2: var(--uni-teal);
        --success: var(--uni-teal);
        --success-ink: #0f766e;
        --info: var(--uni-navy-700);
        --danger: #9f2d38;
        --r: 8px;
    }

    html,
    body {
        background:
            radial-gradient(760px 360px at 12% -4%, rgba(200, 164, 93, .16), transparent 62%),
            linear-gradient(180deg, #ffffff 0%, var(--uni-paper) 46%, #edf2f8 100%) !important;
        color: var(--uni-ink) !important;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    }

    main::before,
    body main::before {
        background-image:
            linear-gradient(rgba(11, 47, 95, .035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(11, 47, 95, .035) 1px, transparent 1px) !important;
        background-size: 64px 64px !important;
        mask-image: linear-gradient(180deg, rgba(0,0,0,.42), transparent 64%) !important;
    }

    body,
    main,
    .section,
    .news-page,
    .article-page,
    .smart-content,
    .online-form-shell,
    .admission-hero {
        background: transparent !important;
        color: var(--uni-ink) !important;
    }

    .lms-nav,
    .navbar.lms-nav {
        background: rgba(4, 22, 45, .96) !important;
        border-top: 3px solid var(--uni-gold) !important;
        border-bottom: 1px solid rgba(255,255,255,.12) !important;
        box-shadow: 0 14px 34px rgba(4, 22, 45, .26) !important;
        backdrop-filter: blur(16px);
    }

    .lms-nav .container {
        min-height: 76px;
    }

    .lms-nav .navbar-brand {
        padding: 0;
    }

    .lms-nav .nav-logo {
        width: auto !important;
        height: 54px !important;
        padding: 6px;
        background: #ffffff;
        border: 1px solid rgba(200,164,93,.36);
        border-radius: 8px !important;
        box-shadow: 0 12px 26px rgba(0,0,0,.18);
    }

    .lms-nav .nav-link {
        color: rgba(236, 244, 255, .84) !important;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 760;
        letter-spacing: 0;
        padding: .58rem .72rem !important;
        transition: color .2s ease, background .2s ease;
    }

    .lms-nav .nav-link:hover,
    .lms-nav .nav-link.active,
    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
        background: rgba(200, 164, 93, .13) !important;
        color: #ffffff !important;
    }

    .lms-nav .btn-warning,
    .btn-warning,
    .btn-accent,
    .aoe-btn-primary {
        background: linear-gradient(135deg, #f2dfb0, var(--uni-gold)) !important;
        border-color: transparent !important;
        color: #111827 !important;
        border-radius: 8px !important;
        box-shadow: 0 14px 28px rgba(200,164,93,.24) !important;
        font-weight: 850 !important;
    }

    .lms-nav .btn-outline-light {
        background: rgba(255,255,255,.07) !important;
        border-color: rgba(255,255,255,.22) !important;
        color: #ffffff !important;
        border-radius: 8px !important;
    }

    .navbar-toggler {
        border-color: rgba(255,255,255,.22) !important;
        border-radius: 8px;
    }

    .dropdown-menu {
        background: #ffffff !important;
        border: 1px solid rgba(11,47,95,.12) !important;
        border-radius: 8px !important;
        box-shadow: 0 22px 54px rgba(4,22,45,.18) !important;
        padding: 10px !important;
    }

    .dropdown-item,
    .dropdown-header {
        color: var(--uni-ink) !important;
    }

    .dropdown-item {
        border-radius: 8px !important;
        font-weight: 680;
        line-height: 1.35;
    }

    .dropdown-header {
        color: var(--uni-navy-700) !important;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .06em;
        font-size: 11px;
    }

    .dropdown-item:hover,
    .dropdown-item.active {
        background: #eef3f9 !important;
        color: var(--uni-navy-800) !important;
    }

    .card,
    .card-soft,
    .glass,
    .alert-soft,
    .news-toolbar,
    .news-card,
    .sidebar-box,
    .article-main,
    .article-box,
    .uni-content-card,
    .uni-side-card,
    .empty-news,
    .smart-content-card,
    .smart-side-card,
    .smart-cta,
    .online-form-card,
    .online-form-side,
    .online-form-step,
    .online-help-notice,
    .admission-side-card,
    .admission-form-card,
    .contact-hero-card,
    .contact-info,
    .contact-form-card,
    .contact-social-card,
    .contact-detail,
    .contact-mini-map,
    .explore-card,
    .explore-panel,
    .explore-search,
    .content-card,
    .related-list a {
        background: rgba(255,255,255,.94) !important;
        border: 1px solid var(--uni-border) !important;
        border-radius: 8px !important;
        box-shadow: var(--uni-shadow) !important;
        color: var(--uni-ink) !important;
    }

    .card:hover,
    .card-soft:hover,
    .glass:hover,
    .news-card:hover,
    .sidebar-box:hover,
    .article-box:hover,
    .smart-content-card:hover,
    .explore-card:hover {
        background: #ffffff !important;
        border-color: rgba(11,47,95,.28) !important;
        box-shadow: 0 24px 58px rgba(4, 22, 45, .14) !important;
    }

    h1, h2, h3, h4, h5, h6,
    .fw-bold,
    .fw-semibold,
    .fw-extrabold,
    .text-dark,
    .smart-page-title,
    .smart-content-head h2,
    .news-heading h2,
    .sidebar-box h3,
    .article-box h3 {
        color: var(--uni-ink) !important;
        letter-spacing: 0 !important;
    }

    p,
    .text-muted,
    .text-muted2,
    .smart-page-subtitle,
    .smart-content-body,
    .article-body,
    .news-card p,
    .related-list small,
    .sidebar-list small,
    .empty-news p,
    .table,
    .table td,
    .table th {
        color: var(--uni-muted) !important;
    }

    a,
    .footer-link,
    .news-read,
    .news-toolbar a,
    .aoe-head-links a,
    .aoe-inline-link {
        color: var(--uni-navy-800) !important;
    }

    a:hover,
    .footer-link:hover,
    .news-read:hover,
    .aoe-head-links a:hover,
    .aoe-inline-link:hover {
        color: var(--uni-teal) !important;
    }

    .badge-soft,
    .badge-success-soft,
    .news-kicker,
    .article-meta span,
    .banner-kicker,
    .smart-page-kicker,
    .online-form-kicker,
    .form-section-title {
        background: rgba(200,164,93,.14) !important;
        border: 1px solid rgba(200,164,93,.34) !important;
        color: var(--uni-navy-800) !important;
        border-radius: 999px !important;
        font-weight: 850 !important;
    }

    .public-page-banner,
    .smart-page-hero,
    .directory-hero,
    .contact-hero,
    .institution-hero,
    .content-list-hero,
    .featured-news,
    .gradient-box,
    .article-box.dark,
    .aoe-about-band {
        background:
            linear-gradient(135deg, rgba(4,22,45,.96), rgba(11,47,95,.9)),
            linear-gradient(90deg, rgba(200,164,93,.14), rgba(42,167,165,.10)) !important;
        color: #ffffff !important;
    }

    .public-page-banner *,
    .smart-page-hero *,
    .directory-hero *,
    .contact-hero *,
    .institution-hero *,
    .content-list-hero *,
    .featured-news *,
    .gradient-box *,
    .article-box.dark *,
    .aoe-about-band * {
        color: inherit !important;
    }

    .form-control,
    .form-select,
    .input-group-text,
    textarea {
        background: #ffffff !important;
        border: 1px solid var(--uni-border) !important;
        border-radius: 8px !important;
        color: var(--uni-ink) !important;
    }

    .form-control:focus,
    .form-select:focus {
        border-color: rgba(11,47,95,.54) !important;
        box-shadow: 0 0 0 .2rem rgba(11,47,95,.14) !important;
    }

    .aoe-home {
        --ink: #f8fbff !important;
        --muted-ink: rgba(222, 233, 247, .78) !important;
        --line: rgba(255,255,255,.15) !important;
        --panel: rgba(255,255,255,.075) !important;
        --panel-strong: rgba(255,255,255,.12) !important;
        --gold: var(--uni-gold) !important;
        --green: var(--uni-teal) !important;
        --red: #c8717a !important;
        --blue: #7db7e8 !important;
        background:
            radial-gradient(900px 480px at 9% 3%, rgba(200,164,93,.18), transparent 62%),
            radial-gradient(860px 480px at 95% 18%, rgba(42,167,165,.14), transparent 60%),
            linear-gradient(180deg, var(--uni-navy-950) 0%, var(--uni-navy-900) 46%, #07172d 100%) !important;
        color: var(--ink) !important;
    }

    .aoe-home h1,
    .aoe-home h2,
    .aoe-home h3,
    .aoe-home h4,
    .aoe-home h5,
    .aoe-home h6,
    .aoe-home .aoe-section-head h2,
    .aoe-home .aoe-message h2,
    .aoe-home .aoe-social-band h2,
    .aoe-home .aoe-proof-head h3,
    .aoe-home .aoe-post-card strong,
    .aoe-home .aoe-event-row strong,
    .aoe-home .aoe-person strong,
    .aoe-home .aoe-team-card strong,
    .aoe-home .aoe-form-link strong,
    .aoe-home .aoe-success-card strong {
        color: #ffffff !important;
    }

    .aoe-home p,
    .aoe-home .aoe-story-card p,
    .aoe-home .aoe-message p,
    .aoe-home .aoe-social-band p,
    .aoe-home .aoe-testimonial p,
    .aoe-home .aoe-success-card p,
    .aoe-home .aoe-post-card small,
    .aoe-home .aoe-event-row span,
    .aoe-home .aoe-person small,
    .aoe-home .aoe-team-card small,
    .aoe-home .aoe-form-link span,
    .aoe-home .aoe-empty {
        color: var(--muted-ink) !important;
    }

    .aoe-hero::before {
        background:
            var(--hero-overlay),
            var(--hero-bg) center/cover !important;
        filter: saturate(1.04) contrast(1.04);
    }

    .aoe-hero::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 32%;
        background: linear-gradient(180deg, transparent, rgba(4,22,45,.94));
        pointer-events: none;
        z-index: -1;
    }

    .aoe-grid-pattern {
        background-image:
            linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px) !important;
        background-size: 68px 68px !important;
        mask-image: linear-gradient(90deg, rgba(0,0,0,.64), transparent 76%) !important;
    }

    .aoe-hero-copy h1 {
        font-size: clamp(46px, 7vw, 92px) !important;
        line-height: .96 !important;
        max-width: 980px;
        text-shadow: 0 18px 44px rgba(0,0,0,.36);
    }

    .aoe-hero-copy p {
        max-width: 790px;
        font-size: clamp(17px, 1.7vw, 22px) !important;
    }

    .aoe-kicker,
    .aoe-home .aoe-kicker {
        background: rgba(200,164,93,.14) !important;
        border-color: rgba(200,164,93,.42) !important;
        color: #f4e8c9 !important;
    }

    .aoe-btn-ghost {
        background: rgba(255,255,255,.08) !important;
        border-color: rgba(255,255,255,.22) !important;
        color: #ffffff !important;
    }

    .aoe-hero-panel,
    .aoe-home .aoe-count-card,
    .aoe-home .aoe-story-card,
    .aoe-home .aoe-post-card,
    .aoe-home .aoe-event-row,
    .aoe-home .aoe-testimonial,
    .aoe-home .aoe-proof-panel,
    .aoe-home .aoe-logo-tile,
    .aoe-home .aoe-success-card,
    .aoe-home .aoe-team-card,
    .aoe-home .aoe-form-link,
    .aoe-home .aoe-social-band,
    .aoe-home .aoe-portal-band {
        background:
            linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 8px !important;
        box-shadow: 0 26px 70px rgba(0,0,0,.24) !important;
        color: #ffffff !important;
        backdrop-filter: blur(14px);
    }

    .aoe-hero-panel {
        border-top: 3px solid var(--uni-gold) !important;
    }

    .aoe-home .aoe-count-card:hover,
    .aoe-home .aoe-story-card:hover,
    .aoe-home .aoe-post-card:hover,
    .aoe-home .aoe-event-row:hover,
    .aoe-home .aoe-team-card:hover,
    .aoe-home .aoe-form-link:hover,
    .aoe-home .aoe-logo-tile:hover,
    .aoe-home .aoe-success-card:hover {
        background:
            linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.07)) !important;
        border-color: rgba(200,164,93,.36) !important;
        transform: translateY(-4px);
    }

    .aoe-home .aoe-story-wide,
    .aoe-home .aoe-about-band,
    .aoe-home .aoe-message {
        background:
            linear-gradient(135deg, rgba(7,29,58,.78), rgba(11,47,95,.56)),
            rgba(255,255,255,.05) !important;
    }

    .aoe-home .aoe-message {
        border-left: 4px solid var(--uni-gold) !important;
        box-shadow: 0 28px 70px rgba(0,0,0,.24);
    }

    .aoe-home .aoe-count-card i,
    .aoe-home .aoe-event-row i,
    .aoe-home .aoe-social-links a,
    .aoe-home .aoe-portal-links i,
    .aoe-home .aoe-form-link i,
    .aoe-home .aoe-logo-tile i,
    .aoe-home .aoe-proof-head i,
    .aoe-home .aoe-stars {
        color: var(--uni-gold) !important;
    }

    .aoe-home .aoe-event-row i {
        background: rgba(200,164,93,.14) !important;
    }

    .aoe-home .aoe-logo-tile img,
    .aoe-hero-logo {
        background: #ffffff !important;
        border: 1px solid rgba(200,164,93,.24);
    }

    .aoe-post-card img,
    .aoe-success-card img,
    .news-card-image,
    .featured-news-image,
    .content-card-img,
    .article-cover {
        filter: saturate(1.02) contrast(1.02);
    }

    .table {
        --bs-table-bg: transparent;
        --bs-table-color: var(--uni-ink);
        --bs-table-border-color: var(--uni-border);
    }

    @media (max-width: 991px) {
        .lms-nav .navbar-collapse {
            margin-top: 14px;
            padding: 14px;
            background: rgba(7,29,58,.98);
            border: 1px solid rgba(255,255,255,.12);
            border-radius: 8px;
            box-shadow: 0 20px 44px rgba(0,0,0,.24);
        }

        .lms-nav .nav-link {
            padding: .72rem .8rem !important;
        }
    }

    /* Contrast-safe university system. Dark institutional shells stay white;
       light content panels always reset to academic ink. */
    .section {
        padding-top: 88px;
        padding-bottom: 88px;
    }

    .public-page-banner,
    .smart-page-hero,
    .directory-hero,
    .explore-hero,
    .contact-hero,
    .institution-hero,
    .content-list-hero,
    .featured-news,
    .gradient-box,
    .article-box.dark,
    .online-form-shell,
    .admission-hero {
        background:
            linear-gradient(135deg, rgba(4,22,45,.97), rgba(11,47,95,.93)),
            radial-gradient(820px 360px at 12% 0%, rgba(200,164,93,.18), transparent 64%),
            radial-gradient(780px 360px at 92% 12%, rgba(42,167,165,.14), transparent 64%) !important;
        color: #ffffff !important;
    }

    .public-page-banner h1,
    .public-page-banner h2,
    .public-page-banner h3,
    .smart-page-hero h1,
    .smart-page-hero h2,
    .smart-page-hero h3,
    .directory-hero h1,
    .directory-hero h2,
    .explore-hero h1,
    .explore-hero h2,
    .contact-hero h1,
    .contact-hero h2,
    .institution-hero h1,
    .institution-hero h2,
    .content-list-hero h1,
    .content-list-hero h2,
    .featured-news h1,
    .featured-news h2,
    .featured-news h3,
    .gradient-box h1,
    .gradient-box h2,
    .article-box.dark h1,
    .article-box.dark h2,
    .article-box.dark h3,
    .online-form-shell h1,
    .online-form-shell h2,
    .online-form-shell h3,
    .admission-hero h1,
    .admission-hero h2,
    .admission-hero h3 {
        color: #ffffff !important;
    }

    .public-page-banner p,
    .smart-page-hero p,
    .directory-hero p,
    .explore-hero p,
    .contact-hero p,
    .institution-hero p,
    .content-list-hero p,
    .featured-news p,
    .gradient-box p,
    .article-box.dark p,
    .online-form-shell p,
    .online-form-subtitle,
    .online-form-note,
    .admission-hero p {
        color: rgba(236,244,255,.80) !important;
    }

    .card,
    .card-soft,
    .glass,
    .alert-soft,
    .news-toolbar,
    .news-card,
    .sidebar-box,
    .article-main,
    .article-box:not(.dark),
    .uni-content-card,
    .uni-side-card,
    .empty-news,
    .smart-content-card,
    .smart-side-card,
    .smart-cta,
    .online-form-card,
    .admission-form-card,
    .contact-hero-card,
    .contact-info,
    .contact-form-card,
    .contact-social-card,
    .contact-detail,
    .contact-mini-map,
    .explore-card,
    .explore-panel,
    .explore-search,
    .content-card,
    .related-list a {
        background: #ffffff !important;
        color: var(--uni-ink) !important;
        border: 1px solid rgba(16,32,51,.12) !important;
        border-radius: 8px !important;
        box-shadow: 0 18px 46px rgba(4,22,45,.10) !important;
    }

    .card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .card-soft :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .glass :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .alert-soft :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .news-toolbar :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .news-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .sidebar-box :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .article-main :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .article-box:not(.dark) :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .smart-content-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .smart-side-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .online-form-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .admission-form-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .contact-hero-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .contact-form-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .contact-social-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .explore-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .explore-panel :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th),
    .content-card :is(h1,h2,h3,h4,h5,h6,strong,label,li,td,th) {
        color: var(--uni-ink) !important;
    }

    .card :is(p,small,.small,.text-muted,.text-muted2),
    .card-soft :is(p,small,.small,.text-muted,.text-muted2),
    .glass :is(p,small,.small,.text-muted,.text-muted2),
    .alert-soft :is(p,small,.small,.text-muted,.text-muted2),
    .news-card :is(p,small,.small,.text-muted,.text-muted2),
    .sidebar-box :is(p,small,.small,.text-muted,.text-muted2),
    .article-main :is(p,small,.small,.text-muted,.text-muted2),
    .article-box:not(.dark) :is(p,small,.small,.text-muted,.text-muted2),
    .smart-content-card :is(p,small,.small,.text-muted,.text-muted2),
    .smart-side-card :is(p,small,.small,.text-muted,.text-muted2),
    .online-form-card :is(p,small,.small,.text-muted,.text-muted2,.online-form-note),
    .admission-form-card :is(p,small,.small,.text-muted,.text-muted2,.online-form-note),
    .contact-hero-card :is(p,small,.small,.text-muted,.text-muted2,span),
    .contact-form-card :is(p,small,.small,.text-muted,.text-muted2),
    .contact-social-card :is(p,small,.small,.text-muted,.text-muted2,span,em),
    .explore-card :is(p,small,.small,.text-muted,.text-muted2,em),
    .explore-panel :is(p,small,.small,.text-muted,.text-muted2),
    .content-card :is(p,small,.small,.text-muted,.text-muted2) {
        color: var(--uni-muted) !important;
    }

    .card a:not(.btn),
    .card-soft a:not(.btn),
    .glass a:not(.btn),
    .news-card a:not(.btn),
    .sidebar-box a:not(.btn),
    .article-main a:not(.btn),
    .article-box:not(.dark) a:not(.btn),
    .smart-content-card a:not(.btn),
    .smart-side-card a:not(.btn),
    .online-form-card a:not(.btn),
    .admission-form-card a:not(.btn),
    .contact-form-card a:not(.btn),
    .explore-card a:not(.btn),
    .content-card a:not(.btn) {
        color: var(--uni-navy-800) !important;
    }

    .card .btn-primary,
    .card .btn-primary *,
    .card-soft .btn-primary,
    .card-soft .btn-primary *,
    .glass .btn-primary,
    .glass .btn-primary *,
    .online-form-card .btn-primary,
    .online-form-card .btn-primary *,
    .admission-form-card .btn-primary,
    .admission-form-card .btn-primary *,
    .btn-primary,
    .btn-primary *,
    .bg-primary,
    .bg-primary *,
    .bg-info,
    .bg-info *,
    .text-bg-primary,
    .text-bg-primary *,
    .text-bg-info,
    .text-bg-info * {
        color: #ffffff !important;
    }

    .btn-warning,
    .btn-warning *,
    .btn-accent,
    .btn-accent *,
    .aoe-btn-primary,
    .aoe-btn-primary * {
        color: #111827 !important;
    }

    .badge,
    .badge *,
    .badge-soft,
    .badge-soft *,
    .badge-success-soft,
    .badge-success-soft *,
    .news-kicker,
    .article-meta span,
    .banner-kicker,
    .smart-page-kicker,
    .online-form-kicker,
    .form-section-title {
        color: var(--uni-navy-800) !important;
    }

    .badge.bg-primary,
    .badge.bg-primary *,
    .badge.bg-info,
    .badge.bg-info *,
    .badge.bg-success,
    .badge.bg-success *,
    .text-bg-primary,
    .text-bg-primary *,
    .text-bg-info,
    .text-bg-info *,
    .text-bg-success,
    .text-bg-success *,
    .btn-success,
    .btn-success *,
    .btn-info,
    .btn-info * {
        color: #ffffff !important;
    }

    .badge.bg-warning,
    .badge.bg-warning *,
    .text-bg-warning,
    .text-bg-warning * {
        color: #111827 !important;
    }

    .online-form-side,
    .admission-side-card {
        background:
            linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.04)) !important;
        border: 1px solid rgba(255,255,255,.16) !important;
        color: #ffffff !important;
        box-shadow: 0 26px 70px rgba(0,0,0,.24) !important;
        backdrop-filter: blur(14px);
    }

    .online-form-side :is(h1,h2,h3,h4,h5,h6,strong,label),
    .admission-side-card :is(h1,h2,h3,h4,h5,h6,strong,label),
    .online-form-side .online-form-step strong,
    .admission-side-card .admission-step strong {
        color: #ffffff !important;
    }

    .online-form-side :is(p,small,.small,.online-form-note),
    .admission-side-card :is(p,small,.small,.online-form-note),
    .online-form-side .online-form-step small,
    .admission-side-card .admission-step small {
        color: rgba(236,244,255,.76) !important;
    }

    .online-form-step,
    .admission-step {
        border-color: rgba(255,255,255,.14) !important;
        background: rgba(255,255,255,.07) !important;
    }

    .online-form-icon,
    .online-form-step span,
    .admission-step span,
    .smart-content-head span,
    .smart-page-icon,
    .academic-feature-icon {
        background: linear-gradient(135deg, #f2dfb0, var(--uni-gold)) !important;
        color: #111827 !important;
    }

    .form-label,
    .online-form-card .form-label,
    .admission-form-card .form-label,
    .contact-form-card label {
        color: var(--uni-navy-800) !important;
        font-weight: 780 !important;
    }

    .table,
    .table td,
    .table th {
        color: var(--uni-ink) !important;
        border-color: rgba(16,32,51,.12) !important;
    }

    .table thead th {
        color: var(--uni-navy-800) !important;
        background: #eef3f9 !important;
    }

    .alert,
    .alert * {
        color: var(--uni-ink) !important;
    }

    .aoe-footer,
    .aoe-footer *,
    .aoe-footer a,
    .aoe-footer h5,
    .aoe-footer h6,
    .aoe-footer p,
    .aoe-footer span,
    .aoe-footer i {
        color: #ffffff !important;
    }

    @media (max-width: 767px) {
        .section,
        .online-form-shell,
        .admission-hero {
            padding-top: 58px !important;
            padding-bottom: 64px !important;
        }
    }

    /* Academic pages: faculties, departments, programs, and courses. */
    .section > .container > .glass.shadow-soft:first-child {
        position: relative;
        overflow: hidden;
        background:
            linear-gradient(135deg, rgba(4,22,45,.97), rgba(11,47,95,.92)),
            radial-gradient(760px 320px at 12% 0%, rgba(200,164,93,.20), transparent 68%),
            radial-gradient(720px 320px at 96% 14%, rgba(42,167,165,.15), transparent 68%) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-top: 3px solid var(--uni-gold) !important;
        color: #ffffff !important;
        box-shadow: 0 28px 78px rgba(4,22,45,.24) !important;
    }

    .section > .container > .glass.shadow-soft:first-child::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background-image:
            linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
        background-size: 58px 58px;
        mask-image: linear-gradient(90deg, rgba(0,0,0,.48), transparent 78%);
    }

    .section > .container > .glass.shadow-soft:first-child > * {
        position: relative;
        z-index: 1;
    }

    .section > .container > .glass.shadow-soft:first-child :is(h1,h2,h3,h4,h5,h6,strong) {
        color: #ffffff !important;
    }

    .section > .container > .glass.shadow-soft:first-child :is(p,.text-muted2,small,.small) {
        color: rgba(236,244,255,.78) !important;
    }

    .section > .container > .glass.shadow-soft:first-child .badge-soft {
        background: rgba(255,255,255,.10) !important;
        border-color: rgba(255,255,255,.20) !important;
        color: #ffffff !important;
    }

    .section > .container > .glass.shadow-soft:first-child .badge-soft * {
        color: #ffffff !important;
    }

    .section > .container > .glass.shadow-soft:first-child .brand-dot {
        background: var(--uni-gold) !important;
        box-shadow: 0 0 0 6px rgba(200,164,93,.18);
    }

    .section > .container > .glass.shadow-soft:first-child .input-group,
    .section > .container > .glass.shadow-soft:first-child .form-control,
    .section > .container > .glass.shadow-soft:first-child .form-select,
    .section > .container > .glass.shadow-soft:first-child .input-group-text {
        background: rgba(255,255,255,.98) !important;
        border-color: transparent !important;
        color: var(--uni-ink) !important;
    }

    .section > .container > .glass.shadow-soft:first-child .input-group {
        border-radius: 8px;
        box-shadow: 0 16px 32px rgba(0,0,0,.16);
    }

    .section > .container > .glass.shadow-soft:first-child .input-group-text {
        border-radius: 8px 0 0 8px !important;
    }

    .section > .container > .glass.shadow-soft:first-child .form-control,
    .section > .container > .glass.shadow-soft:first-child .form-select {
        min-height: 48px;
        font-weight: 650;
    }

    .section > .container > .glass.shadow-soft:first-child .btn-outline-light {
        background: rgba(255,255,255,.08) !important;
        border-color: rgba(255,255,255,.24) !important;
        color: #ffffff !important;
    }

    .academic-showcase {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
        margin: 28px 0 34px;
    }

    .academic-feature-card {
        position: relative;
        min-height: 430px;
        display: grid;
        align-items: end;
        overflow: hidden;
        background: var(--uni-navy-900) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 8px !important;
        box-shadow: 0 26px 70px rgba(4,22,45,.22) !important;
        isolation: isolate;
    }

    .academic-feature-image {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        transform: scale(1.02);
        transition: transform .45s ease;
        z-index: -3;
    }

    .academic-feature-image::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(180deg, rgba(4,22,45,.16), rgba(4,22,45,.92)),
            linear-gradient(90deg, rgba(4,22,45,.88), rgba(4,22,45,.34));
        z-index: 1;
    }

    .academic-feature-card:hover .academic-feature-image {
        transform: scale(1.07);
    }

    .academic-feature-body {
        position: relative;
        z-index: 1;
        padding: 34px;
        color: #ffffff !important;
    }

    .academic-feature-body :is(h1,h2,h3,h4,h5,h6,strong,li,a,i) {
        color: #ffffff !important;
    }

    .academic-feature-body h2 {
        margin: 16px 0 12px;
        font-size: clamp(30px, 3vw, 44px);
        line-height: 1;
        font-weight: 950;
    }

    .academic-feature-body p {
        max-width: 560px;
        color: rgba(236,244,255,.82) !important;
        line-height: 1.72;
        margin-bottom: 20px;
    }

    .academic-feature-icon {
        width: 56px;
        height: 56px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: linear-gradient(135deg, #f2dfb0, var(--uni-gold)) !important;
        color: #111827 !important;
        box-shadow: 0 16px 30px rgba(0,0,0,.24);
    }

    .academic-feature-icon i {
        color: #111827 !important;
    }

    .academic-feature-list {
        display: grid;
        gap: 9px;
        padding: 0;
        margin: 0 0 22px;
        list-style: none;
    }

    .academic-feature-list li {
        display: flex;
        align-items: center;
        gap: 10px;
        color: rgba(236,244,255,.86) !important;
        font-weight: 720;
    }

    .academic-feature-list li::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--uni-gold);
        flex: 0 0 8px;
    }

    .academic-feature-link {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        min-height: 42px;
        padding: 0 14px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 8px;
        color: #ffffff !important;
        background: rgba(255,255,255,.08);
        font-weight: 850;
    }

    .academic-feature-link:hover {
        background: rgba(200,164,93,.20);
        border-color: rgba(200,164,93,.45);
        text-decoration: none;
    }

    #faculty-list,
    #department-list,
    #program-list,
    #course-list {
        position: relative;
        margin-top: 4px;
    }

    #faculty-list::before,
    #department-list::before,
    #program-list::before,
    #course-list::before {
        content: "Academic Catalogue";
        display: block;
        width: 100%;
        margin: 0 0 18px;
        color: var(--uni-navy-800);
        font-size: 12px;
        font-weight: 950;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    #department-list::before { content: "Department Directory"; }
    #program-list::before { content: "Program Catalogue"; }
    #course-list::before { content: "Course Catalogue"; }

    #faculty-list > [class*="col-"] > .card-soft,
    #department-list > [class*="col-"] > .card-soft,
    #program-list > [class*="col-"] > .card-soft,
    #course-list > [class*="col-"] > .card-soft {
        position: relative;
        overflow: hidden;
        min-height: 100%;
        background:
            linear-gradient(180deg, #ffffff 0%, #f9fbff 100%) !important;
        border: 1px solid rgba(11,47,95,.12) !important;
        border-top: 4px solid var(--uni-navy-800) !important;
        box-shadow: 0 18px 46px rgba(4,22,45,.10) !important;
        transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    }

    #faculty-list > [class*="col-"] > .card-soft::before,
    #department-list > [class*="col-"] > .card-soft::before,
    #program-list > [class*="col-"] > .card-soft::before,
    #course-list > [class*="col-"] > .card-soft::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 92px;
        background:
            radial-gradient(360px 100px at 90% 0%, rgba(200,164,93,.18), transparent 72%),
            linear-gradient(180deg, rgba(11,47,95,.055), transparent);
        pointer-events: none;
    }

    #faculty-list > [class*="col-"] > .card-soft:hover,
    #department-list > [class*="col-"] > .card-soft:hover,
    #program-list > [class*="col-"] > .card-soft:hover,
    #course-list > [class*="col-"] > .card-soft:hover {
        transform: translateY(-5px);
        border-color: rgba(11,47,95,.26) !important;
        box-shadow: 0 28px 64px rgba(4,22,45,.16) !important;
    }

    #faculty-list .card-soft > .p-3:first-child,
    #department-list .card-soft > .p-3:first-child,
    #program-list .card-soft > .p-3:first-child {
        position: relative;
        background: transparent !important;
        border-bottom: 1px solid rgba(11,47,95,.10) !important;
        padding: 22px 22px 18px !important;
    }

    #faculty-list .card-soft > .p-3:last-child,
    #department-list .card-soft > .p-3:last-child,
    #program-list .card-soft > .p-3:last-child {
        position: relative;
        padding: 20px 22px 22px !important;
    }

    #faculty-list h5,
    #department-list h5,
    #program-list h5,
    #course-list h5 {
        color: var(--uni-navy-900) !important;
        font-size: 19px;
        line-height: 1.28;
    }

    #course-list .card-soft {
        display: flex;
        flex-direction: column;
    }

    #course-list .card-soft h5 {
        font-size: 21px;
        margin-bottom: 10px;
    }

    #course-list .card-soft .d-flex.gap-2:last-child {
        margin-top: auto;
        flex-wrap: wrap;
    }

    #faculty-list .badge-soft,
    #department-list .badge-soft,
    #program-list .badge-soft,
    #course-list .badge-soft,
    .section .card-soft .badge-soft,
    .section .glass .badge-soft {
        background: #eef3f9 !important;
        border-color: rgba(11,47,95,.13) !important;
        color: var(--uni-navy-800) !important;
    }

    #faculty-list .badge-soft *,
    #department-list .badge-soft *,
    #program-list .badge-soft *,
    #course-list .badge-soft *,
    .section .card-soft .badge-soft *,
    .section .glass .badge-soft * {
        color: var(--uni-navy-800) !important;
    }

    .btn-success-soft,
    .btn-info-soft,
    .btn-outline-dark {
        min-height: 38px;
        border-radius: 8px !important;
        font-weight: 820 !important;
    }

    .btn-success-soft {
        background: rgba(11,47,95,.08) !important;
        border: 1px solid rgba(11,47,95,.18) !important;
        color: var(--uni-navy-800) !important;
    }

    .btn-success-soft:hover {
        background: var(--uni-navy-800) !important;
        border-color: var(--uni-navy-800) !important;
        color: #ffffff !important;
    }

    .btn-success-soft:hover * {
        color: #ffffff !important;
    }

    .btn-info-soft {
        background: rgba(200,164,93,.16) !important;
        border: 1px solid rgba(200,164,93,.32) !important;
        color: #604514 !important;
    }

    .btn-info-soft:hover {
        background: var(--uni-gold) !important;
        color: #111827 !important;
        border-color: var(--uni-gold) !important;
    }

    .section .row.g-3:not(#faculty-list):not(#department-list):not(#program-list),
    .section .row.g-4:not(#course-list) {
        align-items: stretch;
    }

    .section .col-lg-8 > .card-soft,
    .section .col-lg-4 > .card-soft,
    .section .col-lg-4 > .glass {
        border-top: 3px solid rgba(11,47,95,.72) !important;
    }

    .section .col-lg-8 > .card-soft h4,
    .section .col-lg-8 > .card-soft h5,
    .section .col-lg-4 > .card-soft h5,
    .section .col-lg-4 > .card-soft h6,
    .section .col-lg-4 > .glass h6 {
        color: var(--uni-navy-900) !important;
    }

    .section .col-lg-8 > .card-soft h4::after,
    .section .col-lg-8 > .card-soft h5::after,
    .section .col-lg-4 > .card-soft h5::after,
    .section .col-lg-4 > .card-soft h6::after {
        content: "";
        display: block;
        width: 48px;
        height: 3px;
        margin-top: 10px;
        background: var(--uni-gold);
        border-radius: 999px;
    }

    .section .card-soft .glass {
        background: #f4f7fb !important;
        border: 1px solid rgba(11,47,95,.10) !important;
        box-shadow: none !important;
    }

    .section .card-soft .glass strong {
        display: block;
        color: var(--uni-navy-900) !important;
        font-size: 18px;
        margin-top: 4px;
    }

    .section .table-responsive {
        border: 1px solid rgba(11,47,95,.10);
        border-radius: 8px;
        overflow: hidden;
    }

    .section .table {
        margin-bottom: 0;
    }

    .section .table thead th {
        background: var(--uni-navy-800) !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,.12) !important;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .section .table tbody tr:hover {
        background: #f6f9fd;
    }

    @media (max-width: 1199px) {
        .academic-showcase {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 767px) {
        .section > .container > .glass.shadow-soft:first-child {
            padding: 28px 22px !important;
        }

        .academic-feature-card {
            min-height: 360px;
        }

        .academic-feature-body {
            padding: 26px 22px;
        }

        #faculty-list > [class*="col-"] > .card-soft,
        #department-list > [class*="col-"] > .card-soft,
        #program-list > [class*="col-"] > .card-soft,
        #course-list > [class*="col-"] > .card-soft {
            transform: none !important;
        }
    }
</style>