:root {
            --byzantine: #002D5A;
            --byzantine-light: #004080;
            --gold: #B8860B;
            --gold-light: #D4AF37;
            --accent: #FDFCF8;
        }

        * {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: 'Plus Jakarta Sans', sans-serif;
            background: linear-gradient(135deg, #FAFAFB 0%, #F3F5F9 100%);
            color: #1A1A1A;
            overflow-x: hidden;
            position: relative;
        }

        /* Ambient background glow, fixed behind all content */
        body::before {
            content: '';
            position: fixed;
            inset: 0;
            background: radial-gradient(circle at 15% 20%, rgba(184, 134, 11, 0.06) 0%, transparent 45%),
                        radial-gradient(circle at 85% 60%, rgba(0, 45, 90, 0.05) 0%, transparent 45%),
                        radial-gradient(circle at 50% 90%, rgba(184, 134, 11, 0.04) 0%, transparent 50%);
            pointer-events: none;
            z-index: 0;
        }

        main, header, footer { position: relative; z-index: 1; }

        h1, h2, .serif-font {
            font-family: 'Playfair Display', serif;
            letter-spacing: -0.01em;
        }

        h1 { letter-spacing: -0.02em; }

        /* ═══ LIQUID GLASS NAVIGATION ═══ */
        .glass-nav {
            background: rgba(255, 255, 255, 0.65);
            backdrop-filter: blur(24px) saturate(180%);
            -webkit-backdrop-filter: blur(24px) saturate(180%);
            border-bottom: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 4px 24px rgba(0, 45, 90, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6);
        }

        /* ═══ HERO ═══ */
        .hero-gradient {
            background: radial-gradient(circle at top right, rgba(184, 134, 11, 0.12), transparent 60%),
                        radial-gradient(circle at bottom left, rgba(0, 45, 90, 0.06), transparent 60%);
        }

        /* ═══ PREMIUM GLASS CARD ═══ */
        .premium-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.65) 100%);
            backdrop-filter: blur(20px) saturate(160%);
            -webkit-backdrop-filter: blur(20px) saturate(160%);
            border: 1px solid rgba(255, 255, 255, 0.7);
            box-shadow: 0 4px 20px rgba(0, 45, 90, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
            transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), border-color 0.5s ease;
        }

        .premium-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 25px 50px -12px rgba(184, 134, 11, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
            border-color: rgba(184, 134, 11, 0.4);
        }

        /* Glassy white surface used across content cards (Dean's message, faculty guide, practical info) */
        .bg-white {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.75) 100%);
            backdrop-filter: blur(20px) saturate(160%);
            -webkit-backdrop-filter: blur(20px) saturate(160%);
        }

        header.glass-nav.bg-white,
        .glass-nav.bg-white\/95 { background: rgba(255, 255, 255, 0.95); }

        /* ═══ ACCORDION ═══ */
        .accordion-content {
            transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }

        .accordion-content.active {
            max-height: 3000px;
            opacity: 1;
        }

        /* ═══ PREMIUM GOLD BUTTON ═══ */
        .btn-gold {
            background: linear-gradient(135deg, var(--gold), var(--gold-light));
            box-shadow: 0 8px 20px -6px rgba(184, 134, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .btn-gold:hover {
            transform: translateY(-2px) scale(1.02);
            box-shadow: 0 12px 28px -6px rgba(184, 134, 11, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
        }

        .btn-gold:active {
            transform: scale(0.97);
            transition: transform 0.15s ease-out;
        }

        /* ═══ SCROLL REVEAL ═══ */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .border-gold-subtle { border-color: rgba(184, 134, 11, 0.3); }
        .text-byzantine { color: var(--byzantine); }
        .bg-byzantine { background-color: var(--byzantine); background-image: linear-gradient(135deg, var(--byzantine) 0%, #003d73 100%); }
        .bg-gold-soft { background-color: rgba(184, 134, 11, 0.15); }

        /* ═══ GLASS STAT TILES (student life numbers) ═══ */
        .bg-white\/10 {
            background: rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(16px) saturate(150%);
            -webkit-backdrop-filter: blur(16px) saturate(150%);
            transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease, box-shadow 0.4s ease;
        }

        .bg-white\/10:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
        }

        /* ═══ BUTTONS / INTERACTIVE ELEMENTS — instant feedback, no laggy transitions on press ═══ */
        #chat-open, #menu-toggle, .accordion-trigger, a {
            -webkit-tap-highlight-color: transparent;
        }

        #chat-open:active, .btn-gold:active { transform: scale(0.96); }

        #search-input {
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }

        #search-results {
            backdrop-filter: blur(24px) saturate(180%);
            -webkit-backdrop-filter: blur(24px) saturate(180%);
            background: rgba(255, 255, 255, 0.85) !important;
        }

        /* ═══ REDUCED MOTION / TRANSPARENCY ═══ */
        @media (prefers-reduced-motion: reduce) {
            .reveal, .premium-card, .btn-gold, .bg-white\/10, .accordion-content {
                transition-duration: 0.01ms !important;
            }
        }

        @media (prefers-reduced-transparency: reduce) {
            .glass-nav, .premium-card, .bg-white, #search-results {
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                background: rgba(255, 255, 255, 0.98) !important;
            }
        }

/* ═══ EXPANDED GHID STYLING (Tarife, Orar, Cerere Decan) ═══ */
.table-tarife {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 1rem;
    overflow: hidden;
}
.table-tarife th {
    background-color: #002D5A;
    color: #ffffff;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 1rem;
}
.table-tarife td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(0, 45, 90, 0.08);
}
.table-tarife tr:nth-child(even) td {
    background-color: rgba(184, 134, 11, 0.04);
}
.table-tarife tr:last-child td {
    border-bottom: none;
}

.orar-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.cerere-sheet {
    font-family: Georgia, serif;
    background: #FFFEFA;
    border: 1px solid rgba(184, 134, 11, 0.25);
    box-shadow: 0 10px 30px rgba(0, 45, 90, 0.06);
    line-height: 1.8;
}