﻿        /* Lenis Smooth Scroll beállítások */
        html.lenis, html.lenis body {
            height: auto;
        }
        .lenis.lenis-smooth {
            scroll-behavior: auto !important;
        }
        .lenis.lenis-smooth [data-lenis-prevent] {
            overscroll-behavior: contain;
        }
        .lenis.lenis-stopped {
            overflow: hidden;
        }
        .lenis.lenis-smooth iframe {
            pointer-events: none;
        }

        /* ANIMÁLT HAMBURGER MENÜ IKON STÍLUSOK */
        .hamburger-line {
            transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
            transform-origin: center;
        }
        .menu-open .line-1 {
            transform: translateY(6px) rotate(45deg);
        }
        .menu-open .line-2 {
            opacity: 0;
        }
        .menu-open .line-3 {
            transform: translateY(-6px) rotate(-45deg);
        }

        /* AKTÍV NAVIGÁCIÓS LINK STÍLUSOK */
        .nav-link.active {
            color: #18181b !important;
            font-weight: 700;
        }
        .nav-link.active .nav-num {
            color: #D3AF37 !important;
            font-weight: 800;
        }
        .mobile-nav-link.active {
            color: #ffffff !important;
            padding-left: 0.5rem;
            border-left: 3px solid #D3AF37;
        }
        .mobile-nav-link.active .mobile-num {
            color: #D3AF37 !important;
        }

        /* PUBLIKUS ARANY KIEMELÉSEK */
        .bg-brand-500,
        .bg-amber-500,
        .bg-amber-600,
        .hover\:bg-brand-500:hover,
        .hover\:bg-amber-500:hover,
        .hover\:bg-amber-600:hover,
        .hover\:bg-amber-400:hover {
            background-color: #D3AF37 !important;
        }

        .text-brand-500,
        .text-amber-300,
        .text-amber-400,
        .text-amber-500,
        .text-amber-600,
        .text-amber-500\/60,
        .text-orange-700,
        .text-emerald-600,
        .text-emerald-700,
        .text-red-700,
        .hover\:text-brand-500:hover,
        .hover\:text-amber-400:hover {
            color: #D3AF37 !important;
        }

        .border-brand-500,
        .border-amber-500,
        .border-amber-600,
        .border-amber-500\/20,
        .border-amber-500\/30,
        .hover\:border-brand-500:hover,
        .hover\:border-amber-500\/40:hover,
        .hover\:border-amber-500\/50:hover,
        .hover\:border-brand-500\/50:hover,
        .focus\:border-brand-500:focus {
            border-color: #D3AF37 !important;
        }

        .accent-amber-500 {
            accent-color: #D3AF37 !important;
        }

        .theme-switcher {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            border: 1px solid rgba(24, 24, 27, 0.12);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            padding: 4px;
            box-shadow: inset 0 1px 2px rgba(24, 24, 27, 0.06);
        }

        .theme-switcher-mobile {
            width: max-content;
            border-color: rgba(255, 255, 255, 0.14);
            background: rgba(255, 255, 255, 0.06);
        }

        .theme-mode-button {
            display: inline-grid;
            width: 34px;
            height: 34px;
            place-items: center;
            border-radius: 999px;
            color: #71717a;
            transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
        }

        .theme-mode-button svg {
            width: 17px;
            height: 17px;
            fill: none;
            stroke: currentColor;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-width: 2;
        }

        .theme-mode-button.is-active {
            background: #D3AF37;
            color: #ffffff;
            box-shadow: 0 8px 18px rgba(211, 175, 55, 0.26);
        }

        .why-card:hover .why-icon {
            background-color: #D3AF37 !important;
            border-color: #D3AF37 !important;
            color: #18181b !important;
        }

        .why-card:hover .why-icon svg {
            stroke: currentColor !important;
        }

        #gyik details {
            transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
        }

        #gyik details[open] {
            border-color: rgba(211, 175, 55, 0.5) !important;
            box-shadow: 0 18px 36px rgba(24, 24, 27, 0.08);
        }

        #gyik details summary > span:last-child {
            display: inline-grid !important;
            place-items: center !important;
            line-height: 1 !important;
            font-size: 1.15rem;
            font-weight: 700;
            padding-bottom: 0.08rem;
            transform-origin: center;
        }

        #gyik details[open] > p {
            animation: faq-answer-reveal 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
        }

        @keyframes faq-answer-reveal {
            from {
                opacity: 0;
                transform: translateY(-0.45rem);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .teacher-quote-card {
            position: relative;
            display: flex;
            min-height: 218px;
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
            border-left: 4px solid #D3AF37 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
        }

        .teacher-quote-card::before {
            content: "\201C";
            position: absolute;
            top: -0.4rem;
            right: 0.75rem;
            color: rgba(211, 175, 55, 0.16);
            font-family: Georgia, serif;
            font-size: 5rem;
            font-weight: 700;
            line-height: 1;
            pointer-events: none;
        }

        .teacher-quote-text {
            position: relative;
            z-index: 1;
            font-style: italic;
            line-height: 1.65;
        }

        html[data-theme="night"] body,
        html[data-theme="night"] .bg-surface,
        html[data-theme="night"] .bg-surface\/90,
        html[data-theme="night"] .bg-\[\#FAF9F6\] {
            background-color: #050505 !important;
        }

        html[data-theme="night"] .bg-card,
        html[data-theme="night"] .bg-white,
        html[data-theme="night"] .bg-white\/90,
        html[data-theme="night"] .bg-zinc-50,
        html[data-theme="night"] .bg-zinc-50\/80,
        html[data-theme="night"] .bg-zinc-100,
        html[data-theme="night"] .bg-zinc-100\/80,
        html[data-theme="night"] .hover\:bg-white:hover,
        html[data-theme="night"] .hover\:bg-zinc-50:hover,
        html[data-theme="night"] .hover\:bg-zinc-100:hover {
            background-color: #0d0d0d !important;
        }

        html[data-theme="night"] .bg-brand-50,
        html[data-theme="night"] .bg-brand-100,
        html[data-theme="night"] .bg-amber-50,
        html[data-theme="night"] .bg-amber-100 {
            background-color: rgba(211, 175, 55, 0.16) !important;
        }

        html[data-theme="night"] .text-main,
        html[data-theme="night"] .hover\:text-main:hover,
        html[data-theme="night"] .text-zinc-700,
        html[data-theme="night"] .text-zinc-800,
        html[data-theme="night"] .text-zinc-900 {
            color: #ffffff !important;
        }

        html[data-theme="night"] .text-brand-900 {
            color: #f3d675 !important;
        }

        html[data-theme="night"] .nav-link.active {
            color: #ffffff !important;
        }

        html[data-theme="night"] .text-muted,
        html[data-theme="night"] .text-zinc-300,
        html[data-theme="night"] .text-zinc-400,
        html[data-theme="night"] .text-zinc-500,
        html[data-theme="night"] .text-zinc-600 {
            color: #d4d4d8 !important;
        }

        html[data-theme="night"] .border-zinc-100,
        html[data-theme="night"] .border-zinc-200,
        html[data-theme="night"] .border-zinc-200\/60,
        html[data-theme="night"] .border-zinc-200\/80,
        html[data-theme="night"] .border-zinc-200\/90,
        html[data-theme="night"] .border-zinc-300,
        html[data-theme="night"] .border-brand-100 {
            border-color: rgba(255, 255, 255, 0.14) !important;
        }

        html[data-theme="night"] input,
        html[data-theme="night"] select,
        html[data-theme="night"] textarea {
            background-color: #0d0d0d !important;
            border-color: rgba(255, 255, 255, 0.18) !important;
            color: #ffffff !important;
        }

        html[data-theme="night"] input::placeholder,
        html[data-theme="night"] textarea::placeholder {
            color: #a1a1aa !important;
        }

        html[data-theme="night"] .bg-main,
        html[data-theme="night"] .hover\:bg-main:hover {
            background-color: #ffffff !important;
            color: #050505 !important;
        }

        html[data-theme="night"] .theme-switcher:not(.theme-switcher-mobile) {
            border-color: rgba(255, 255, 255, 0.14);
            background: rgba(255, 255, 255, 0.06);
        }

        html[data-theme="night"] .theme-mode-button {
            color: #d4d4d8;
        }

        .privacy-content section {
            scroll-margin-top: 6rem;
        }

        .privacy-content h2 {
            color: #18181b;
            font-size: 1.35rem;
            font-weight: 800;
            line-height: 1.2;
            letter-spacing: 0;
            margin-bottom: 1rem;
            padding-left: 1rem;
            border-left: 3px solid #D3AF37;
        }

        .privacy-content h3 {
            color: #18181b;
            font-size: 0.95rem;
            font-weight: 800;
            margin: 1.35rem 0 0.6rem;
        }

        .privacy-content p,
        .privacy-content li,
        .privacy-content dd {
            color: #52525b;
            font-size: 0.95rem;
            line-height: 1.8;
        }

        .privacy-content ul {
            list-style: disc;
            padding-left: 1.25rem;
            margin-top: 0.75rem;
            display: grid;
            gap: 0.35rem;
        }

        .privacy-content strong,
        .privacy-content a {
            color: #18181b;
            font-weight: 800;
        }

        .privacy-content a:hover {
            color: #D3AF37;
        }

        .privacy-content blockquote {
            border-left: 4px solid #D3AF37;
            background: #FAF9F6;
            border-radius: 0.75rem;
            padding: 1rem 1.25rem;
            color: #18181b;
            font-weight: 600;
            line-height: 1.75;
        }

        .info-grid {
            display: grid;
            gap: 0.75rem;
        }

        .info-grid div {
            display: grid;
            gap: 0.15rem;
            padding: 0.9rem 1rem;
            border: 1px solid rgba(24, 24, 27, 0.08);
            border-radius: 0.9rem;
            background: #FAF9F6;
        }

        .info-grid dt {
            color: #D3AF37;
            font-size: 0.68rem;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

        html[data-theme="night"] .privacy-content h2,
        html[data-theme="night"] .privacy-content h3,
        html[data-theme="night"] .privacy-content strong,
        html[data-theme="night"] .privacy-content a {
            color: #ffffff;
        }

        html[data-theme="night"] .privacy-content p,
        html[data-theme="night"] .privacy-content li,
        html[data-theme="night"] .privacy-content dd {
            color: #d4d4d8;
        }

        html[data-theme="night"] .privacy-content blockquote,
        html[data-theme="night"] .info-grid div {
            background: #050505;
            border-color: rgba(255, 255, 255, 0.12);
        }

        html[data-theme="night"] .info-grid dt,
        html[data-theme="night"] .privacy-content a:hover {
            color: #D3AF37;
        }

        .cookie-panel {
            position: fixed;
            inset: auto 1rem 1rem 1rem;
            z-index: 80;
            display: none;
            max-width: 980px;
            margin: 0 auto;
            border: 1px solid rgba(24, 24, 27, 0.12);
            border-radius: 1.25rem;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 24px 80px rgba(24, 24, 27, 0.22);
            backdrop-filter: blur(18px);
        }

        .cookie-panel.is-visible {
            display: block;
        }

        .cookie-panel label {
            cursor: pointer;
        }

        .cookie-panel input[type="checkbox"] {
            accent-color: #D3AF37;
        }

        html[data-theme="night"] .cookie-panel {
            border-color: rgba(255, 255, 255, 0.14);
            background: rgba(13, 13, 13, 0.96);
            box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
        }
