/* =====================================
           RESET & BASE
        ======================================*/
        :root {
            --mt2-bg-dark: #05060a;
            --mt2-bg-darker: #020308;
            --mt2-bg-panel: rgba(15, 18, 28, 0.96);
            --mt2-bg-panel-soft: rgba(16, 18, 27, 0.9);
            --mt2-gold: #d2a75a;
            --mt2-gold-soft: #f3d8a2;
            --mt2-gold-deep: #a57a32;
            --mt2-red: #c94132;
            --mt2-red-soft: #ff6b5a;
            --mt2-blue: #3880c7;
            --mt2-green: #5ab85a;
            --mt2-border-soft: rgba(255, 255, 255, 0.08);
            --mt2-border-strong: rgba(210, 167, 90, 0.8);
            --mt2-shadow-soft: 0 18px 40px rgba(0, 0, 0, 0.85);
            --mt2-radius-lg: 18px;
            --mt2-radius-md: 14px;
            --mt2-radius-pill: 999px;
            --mt2-transition-fast: 0.18s ease-out;
            --mt2-transition-slow: 0.3s ease;
            --mt2-text-muted: #a5a7bd;
			--mt2-navbar-height: 72px;
        }

        * {
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            background-color: var(--mt2-bg-dark);
            color: #f3f3f7;
            font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            scroll-behavior: smooth;
			overscroll-behavior-y: auto;
			-webkit-overflow-scrolling: touch;
        }

body {
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(2, 2, 5, 0.98)),
        url("../img/bg_halloween_2025.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
}

/* DOAR desktop */
@media (min-width: 992px) {
    body {
        background-attachment: fixed;
    }
}

		
		/* Offcanvas touch fix */
		.mt2-offcanvas {
			touch-action: pan-y;
		}

		.offcanvas-backdrop {
			touch-action: none;
		}

        body {
            position: relative;
            min-height: 100vh;
            overflow-x: hidden;
			overflow-y: auto;
        }

        a {
            color: var(--mt2-gold-soft);
            text-decoration: none;
        }

        a:hover {
            color: var(--mt2-gold);
            text-decoration: none;
        }

		/* ================= BACKGROUND & GLOBAL DECOR	=================*/
        .mt2-bg-layer {
            position: fixed;
            inset: 0;
            background:
                radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.06) 0, transparent 50%),
                radial-gradient(circle at 90% 100%, rgba(255, 0, 0, 0.15) 0, transparent 55%),
                radial-gradient(circle at 0 100%, rgba(0, 120, 255, 0.18) 0, transparent 55%),
                linear-gradient(135deg, #050711 0%, #06050c 40%, #05060c 100%);
            z-index: -3;
        }

        .mt2-bg-texture {
            position: fixed;
            inset: 0;
            background-image:
                repeating-linear-gradient(
                    0deg,
                    rgba(255, 255, 255, 0.04),
                    rgba(255, 255, 255, 0.04) 1px,
                    transparent 1px,
                    transparent 2px
                ),
                radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.04) 0, transparent 40%),
                radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.03) 0, transparent 40%);
            mix-blend-mode: soft-light;
            opacity: 0.4;
            z-index: -2;
        }

        .mt2-bg-overlay {
            position: fixed;
            inset: 0;
            background: radial-gradient(circle at 50% 0, rgba(0, 0, 0, 0.55) 0, rgba(0, 0, 0, 0.98) 55%);
            z-index: -1;
        }


		/* ===============================
		   FIX SCROLL MOBILE – BACKGROUND
		   =============================== */
		@media (max-width: 991.98px) {

			.mt2-bg-layer,
			.mt2-bg-texture,
			.mt2-bg-overlay {
				position: absolute;
				inset: 0;
			}

		}

		/* ==============================
		   FORM TEXT / INPUT HINTS
		   ============================== */

		/* acoperă Bootstrap + orice context */
		.form-text,
		.mt2-form-hint,
		form .form-text,
		form .mt2-form-hint {
			font-size: 0.78rem;
			line-height: 1.35;
			margin-top: 0.35rem;
			color: var(--mt2-text-muted); /* vizibil pe dark */
			letter-spacing: 0.01em;
		}

		/* când e lângă input invalid – nu devine roșu */
		.form-control.is-invalid + .form-text,
		.form-control.is-invalid ~ .form-text {
			color: var(--mt2-text-muted);
		}

		/* input-group compatibility */
		.input-group .form-text {
			flex-basis: 100%;
			margin-top: 0.4rem;
		}

		/* mobile polish */
		@media (max-width: 767.98px) {
			.form-text,
			.mt2-form-hint {
				font-size: 0.8rem;
			}
		}












		/* =====================================
		   OFFCANVAS PANEL – DARK MT2 STYLE
		===================================== */

		/* suprascriere Bootstrap */
		.mt2-offcanvas{
			--bs-offcanvas-bg: transparent;
			--bs-offcanvas-border-color: transparent;

			top: var(--mt2-navbar-height);
			height: calc(100vh - var(--mt2-navbar-height));

			z-index:1045;
		}

		/* container real */
		.mt2-offcanvas .offcanvas-content,
		.mt2-offcanvas .offcanvas-body{
			background:
				radial-gradient(circle at 0 0, rgba(255,255,255,0.08) 0, transparent 60%),
				linear-gradient(135deg, rgba(9,11,20,0.98), rgba(5,7,13,0.99));

			color:#f5f6ff;

			border-left:1px solid rgba(255,255,255,0.12);

			box-shadow:
				-12px 0 30px rgba(0,0,0,.9),
				inset 1px 0 0 rgba(255,255,255,.04);
		}

		/* elimină complet albul Bootstrap */
		.offcanvas-backdrop{
			background:rgba(0,0,0,.75);
		}

		/* scroll & spacing */
		.mt2-offcanvas .offcanvas-body{
			padding:1rem;
			overflow-y:auto;

		}












		/* =====================================
		   NAVBAR OFFCANVAS ICON (MOBILE ONLY)
		===================================== */

		.mt2-nav-offcanvas-btn {
			width: auto;
			height: auto;
			padding: 0;

			background: transparent !important;
			border: none !important;
			box-shadow: none !important;

			display: inline-flex;
			align-items: center;
			justify-content: center;

			color: #e6e7ff;

			transition: color var(--mt2-transition-fast);
		}

		.mt2-nav-offcanvas-btn:hover,
		.mt2-nav-offcanvas-btn:focus {
			color: #ffffff;
			filter: drop-shadow(0 0 6px rgba(255,255,255,0.25));
		}

		/* panel icon grid */
		.mt2-panel-icon {
			width: 24px;
			height: 24px;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: repeat(2, 1fr);
			gap: 4px; /* proporțional cu SVG */
		}

		.mt2-panel-icon span {
			background: currentColor;
			border-radius: 3px;
			opacity: 0.9;
		}

		/* desktop OFF */
		@media (min-width: 992px) {
			.mt2-nav-offcanvas-btn {
				display: none !important;
			}
		}

		/* ================= OFFCANVAS ICON – ROTATE ON OPEN ================= */

		.mt2-panel-icon {
			transition: transform 0.28s ease;
			transform-origin: center;
		}

		.mt2-nav-offcanvas-btn.is-open .mt2-panel-icon {
			transform: rotate(45deg);
		}











        /* =====================================
           NAVBAR
        ======================================*/
        .mt2-navbar {
            background: linear-gradient(
                180deg,
                rgba(8, 10, 16, 0.98) 0%,
                rgba(8, 10, 16, 0.97) 70%,
                rgba(8, 10, 16, 0.94) 100%
            );
            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.9);
            backdrop-filter: blur(20px);
        }
		
		/* navbar rămâne peste sidebarul offcanvas */
		.mt2-navbar{
			z-index:1050;
		}
		
        .mt2-navbar-brand {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            font-family: "Cinzel", serif;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            font-weight: 600;
        }

		.mt2-navbar-logo {
			width: 42px;
			height: 42px;
			border-radius: var(--mt2-radius-pill);
			border: 2px solid rgba(210, 167, 90, 0.75);

			background:
				radial-gradient(circle at 30% 10%, rgba(255, 255, 255, 0.4), transparent 55%),
				radial-gradient(circle at 70% 90%, rgba(255, 180, 70, 0.55), transparent 50%),
				radial-gradient(circle at 50% 50%, #171821, #020308);

			box-shadow:
				0 0 22px rgba(210, 167, 90, 0.55),
				0 0 38px rgba(210, 167, 90, 0.25);

			animation: mt2-logo-pulse 1.7s ease-in-out infinite;
			transform-origin: center;
		}

		@keyframes mt2-logo-pulse {
			0% {
				transform: scale(0.90);
				border-color: rgba(210, 167, 90, 0.45);
				box-shadow:
					0 0 14px rgba(210, 167, 90, 0.35),
					0 0 24px rgba(210, 167, 90, 0.18);
			}

			50% {
				transform: scale(1);
				border-color: rgba(210, 167, 90, 0.95);
				box-shadow:
					0 0 34px rgba(210, 167, 90, 0.9),
					0 0 56px rgba(210, 167, 90, 0.55);
			}

			100% {
				transform: scale(0.90);
				border-color: rgba(210, 167, 90, 0.45);
				box-shadow:
					0 0 14px rgba(210, 167, 90, 0.35),
					0 0 24px rgba(210, 167, 90, 0.18);
			}
		}

        .mt2-brand-title {
            font-size: 1rem;
            color: var(--mt2-gold-soft);
        }

        .mt2-brand-subtitle {
            font-size: 0.7rem;
            color: #8a8db0;
            text-transform: none;
            letter-spacing: 0.04em;
        }

        .mt2-nav-link {
            font-size: 0.87rem;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            color: #c5c7e0;
            position: relative;
            padding-bottom: 0.15rem;
        }

        .mt2-nav-link::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -0.25rem;
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--mt2-gold-soft), var(--mt2-red-soft));
            border-radius: var(--mt2-radius-pill);
            transition: width var(--mt2-transition-fast);
        }

        .mt2-nav-link:hover,
        .mt2-nav-link:focus {
            color: #ffffff;
        }

        .mt2-nav-link:hover::after,
        .mt2-nav-link:focus::after,
        .mt2-nav-link.active::after {
            width: 70%;
        }

        .mt2-nav-cta {
            border-radius: var(--mt2-radius-pill);
            padding: 0.45rem 1.1rem !important;
            font-size: 0.8rem;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            border: 1px solid rgba(210, 167, 90, 0.8);
            color: var(--mt2-gold-soft);
            background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.25) 0, transparent 55%),
                        linear-gradient(135deg, rgba(210, 167, 90, 0.2), rgba(201, 79, 65, 0.1));
            box-shadow: 0 0 0 1px rgba(114, 83, 38, 0.5), 0 8px 18px rgba(0, 0, 0, 0.95);
        }

        .mt2-nav-cta:hover {
            background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.4) 0, transparent 65%),
                        linear-gradient(135deg, rgba(210, 167, 90, 0.6), rgba(201, 79, 65, 0.4));
            color: #1b1008;
            border-color: var(--mt2-gold-soft);
            box-shadow: 0 0 18px rgba(210, 167, 90, 0.7), 0 14px 28px rgba(0, 0, 0, 0.95);
            transform: translateY(-1px);
        }

		.mt2-nav-link.active {
			color: var(--mt2-gold-soft);
		}

		.navbar .mt2-nav-link.active {
			color: var(--mt2-gold-soft);
		}

		/* dropdown activ (desktop + mobil) */
		.mt2-nav-link.dropdown-toggle.show {
			color: var(--mt2-gold-soft);
		}

		/* elimină complet săgeata dropdown (toate ecranele) */
		.dropdown-toggle::after {
			display: none !important;
		}

		/* ================= MOBILE NAVBAR (≤ 991.98px) =================*/
		@media (max-width: 991.98px) {

			/* --- language / account (mobile) spacing + font --- */
			.d-lg-none.dropdown .mt2-nav-link {
				padding: 0.35rem 0.4rem;
				letter-spacing: 0.05em;
			}

			.mt2-lang-mobile {
				font-size: 1.2rem;
			}

			/* --- grup actions (language + account + burger) --- */
			.mt2-navbar-actions {
				gap: 0.35rem;
			}

			.navbar > .container > .d-lg-none.dropdown > .nav-link,
			.navbar > .container > .d-lg-none.dropdown > .mt2-nav-link,
			.navbar > .container > .navbar-toggler {
				padding-left: 0.25rem !important;
				padding-right: 0.25rem !important;
			}

			/* --- dropdown menu (mobile) --- */
			.mt2-dropdown {
				padding: 0.75rem 0;
			}

			.mt2-dropdown .dropdown-item {
				padding: 0.95rem 2.25rem;
				line-height: 1.45;
			}

			.mt2-dropdown li + li {
				margin-top: 0.4rem;
			}

			/* --- burger menu list --- */
			.navbar-collapse .nav-item {
				margin-bottom: 0.6rem;
			}

			.navbar-collapse .nav-link,
			.navbar-collapse .mt2-nav-cta {
				padding: 0.85rem 0 0.85rem 2.25rem;
			}

			/* --- underline activ (mobile) --- */
			.navbar-collapse .mt2-nav-link.active::after {
				left: 2.25rem;
				transform: none;
				width: 50vw;
			}

			/* --- dropdown toggle (inline, fără săgeți / focus) --- */
			.navbar-collapse .dropdown-toggle {
				display: inline-flex;
				align-items: center;
				gap: 0.45rem;
				white-space: nowrap;
				color: #c5c7e0 !important;
				background: transparent !important;
				border: none !important;
				box-shadow: none !important;
			}

			.navbar-collapse .dropdown-toggle:active {
				-webkit-tap-highlight-color: transparent;
			}

			/* --- elimină focus / tap UI Bootstrap (mobile) --- */
			.d-lg-none .nav-link,
			.d-lg-none .nav-link:focus,
			.d-lg-none .nav-link:active,
			.d-lg-none .nav-link:focus-visible {
				outline: none !important;
				box-shadow: none !important;
				background: transparent !important;
				-webkit-tap-highlight-color: transparent;
			}
		}

		/* ================= USER DROPDOWN – FINAL, FĂRĂ DRAME ================= */
		.mt2-user-panel {
			padding: 0.75rem 0;
			background: rgba(8,10,16,0.98);
			border: 1px solid rgba(255,255,255,0.12);
			backdrop-filter: blur(18px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.9);
			overflow: hidden;
		}

		/* divider */
		.mt2-user-panel .dropdown-divider {
			margin: 0.5rem 0;
			border-top: 1px solid rgba(255,255,255,0.12);
		}

		/* header */
		.mt2-user-dropdown-header {
			padding: 1rem 1.4rem 0.9rem;
			background:
				linear-gradient(135deg, rgba(210,167,90,0.18), rgba(10,12,22,0.98)),
				radial-gradient(circle at 0 0, rgba(255,255,255,0.14), transparent 60%);
			border-bottom: 1px solid rgba(210,167,90,0.45);
		}

		.mt2-user-email {
			font-size: 0.9rem;
			font-weight: 600;
			color: #fff;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.mt2-user-role {
			margin-top: 0.35rem;
			font-size: 0.62rem;
			letter-spacing: 0.28em;
			text-transform: uppercase;
			color: var(--mt2-gold-soft);
		}

		.mt2-user-meta {
			margin-top: 0.45rem;
			padding-top: 0.45rem;
			border-top: 1px dashed rgba(255,255,255,0.18);
			font-size: 0.66rem;
			letter-spacing: 0.14em;
			text-transform: uppercase;
			color: #cfd1f0;
			line-height: 1.6;
		}

		/* ================= DESKTOP ================= */
		@media (min-width: 992px) {
			.mt2-user-panel {
				position: absolute;
				top: 100%;
				right: 0;

				width: 680px;
				max-width: calc(100vw - 2rem);

				transform: none;
			}
		}

		/* ================= MOBILE ================= */
		@media (max-width: 991.98px) {
			.mt2-user-panel {
				position: fixed;
				top: calc(var(--mt2-navbar-height) + 0.5rem);

				left: 0;
				right: 0;
				margin-inline: auto;

				width: calc(100vw - 1rem);
				max-width: 380px;

				transform: none;
			}
		}

		/* ================= BURGER BUTTON – fără focus ring (desktop mic + mobile) =================*/
		.navbar-toggler,
		.navbar-toggler:focus,
		.navbar-toggler:active,
		.navbar-toggler:focus-visible {
			outline: none !important;
			box-shadow: none !important;
		}

		/* ================= BURGER → X ANIMATION =================*/
		.mt2-burger {
			width: 26px;
			height: 20px;
			position: relative;
			display: inline-block;
		}

		.mt2-burger span {
			position: absolute;
			left: 0;
			width: 100%;
			height: 3px; /* mai gros */
			background: #fff;
			border-radius: 2px;
			transition: transform 0.25s ease, opacity 0.2s ease;
		}

		.mt2-burger span:nth-child(1) { top: 0; }
		.mt2-burger span:nth-child(2) { top: 8.5px; }
		.mt2-burger span:nth-child(3) { bottom: 0; }

		/* când meniul este DESCHIS (Bootstrap scoate .collapsed) */
		.navbar-toggler:not(.collapsed) .mt2-burger span:nth-child(1) {
			transform: translateY(7px) rotate(45deg);
		}

		.navbar-toggler:not(.collapsed) .mt2-burger span:nth-child(2) {
			opacity: 0;
		}

		.navbar-toggler:not(.collapsed) .mt2-burger span:nth-child(3) {
			transform: translateY(-7px) rotate(-45deg);
		}

        /* =====================================
           HERO SECTION
        ======================================*/
        .mt2-hero {
            position: relative;
            padding-top: 6.5rem;
            padding-bottom: 2.5rem;
        }

        .mt2-hero-inner {
            border-radius: var(--mt2-radius-lg);
            border: 1px solid rgba(255, 255, 255, 0.08);
            background:
                radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.09) 0, transparent 65%),
                radial-gradient(circle at 100% 0, rgba(255, 90, 0, 0.18) 0, transparent 60%),
                linear-gradient(130deg, rgba(9, 10, 18, 0.99), rgba(6, 8, 14, 0.97));
            box-shadow: var(--mt2-shadow-soft);
            padding: 2rem;
            position: relative;
            overflow: hidden;
        }

        .mt2-hero-bg-illustration {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(2, 2, 5, 0.98)),
                url("../img/bg_halloween_2025.jpg");
            background-size: cover;
            background-position: 50% 40%;
            opacity: 0.35;
            mix-blend-mode: screen;
            pointer-events: none;
        }

        .mt2-hero-gradient-mask {
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 20% 20%, rgba(0, 0, 0, 0.6) 0, transparent 55%),
                radial-gradient(circle at 80% 60%, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0.98) 65%);
        }

        .mt2-hero-content {
            position: relative;
            z-index: 2;
        }

        .mt2-hero-pretitle {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.78rem;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: var(--mt2-gold-soft);
            background: rgba(0, 0, 0, 0.55);
            border-radius: var(--mt2-radius-pill);
            border: 1px solid rgba(210, 167, 90, 0.9);
            padding: 0.2rem 0.75rem 0.2rem 0.4rem;
            margin-bottom: 0.75rem;
        }

        .mt2-hero-badge-dot {
            width: 10px;
            height: 10px;
            border-radius: 999px;
            background: radial-gradient(circle, #ffeb9a 0, #d2a75a 55%, #5a3b0f 100%);
            box-shadow: 0 0 12px rgba(255, 220, 140, 0.8);
        }

        .mt2-hero-title {
            font-family: "Cinzel", serif;
            font-size: clamp(2.1rem, 3.1vw, 2.7rem);
            line-height: 1.12;
            text-transform: uppercase;
            margin-bottom: 0.75rem;
            letter-spacing: 0.12em;
        }

        .mt2-hero-title span {
            color: var(--mt2-gold-soft);
            text-shadow:
                0 0 18px rgba(210, 167, 90, 0.75),
                0 0 35px rgba(210, 167, 90, 0.4);
        }

        .mt2-hero-subtitle {
            max-width: 550px;
            font-size: 0.93rem;
            color: var(--mt2-text-muted);
        }

        .mt2-hero-subtitle strong {
            color: #f7f7ff;
            font-weight: 500;
        }

        .mt2-hero-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 1.3rem;
            margin-bottom: 1.1rem;
        }

		/* ================= PAGE OFFSET – pages without hero	=================*/
		.mt2-page-offset {
			padding-top: 6.5rem; /* aceeași valoare ca hero */
		}
        .mt2-btn-main {
            border-radius: var(--mt2-radius-pill);
            border: 1px solid rgba(255, 189, 98, 0.9);
            padding: 0.75rem 1.7rem;
            text-transform: uppercase;
            letter-spacing: 0.16em;
            font-size: 0.8rem;
            background:
                radial-gradient(circle at 10% 0, rgba(255, 255, 255, 0.45) 0, transparent 60%),
                linear-gradient(130deg, #fbd085, #eaa244, #c75532);
            color: #1b1008;
            box-shadow:
                0 0 0 1px rgba(114, 83, 38, 0.6),
                0 16px 24px rgba(0, 0, 0, 0.9),
                0 0 30px rgba(210, 167, 90, 0.5);
        }

        .mt2-btn-main:hover {
            color: #1b1008;
            transform: translateY(-2px);
            box-shadow:
                0 0 0 1px rgba(210, 167, 90, 0.8),
                0 22px 35px rgba(0, 0, 0, 0.95),
                0 0 40px rgba(210, 167, 90, 0.8);
        }

        .mt2-btn-ghost {
            border-radius: var(--mt2-radius-pill);
            border: 1px solid rgba(181, 185, 216, 0.7);
            padding: 0.7rem 1.5rem;
            font-size: 0.78rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            background: rgba(5, 7, 13, 0.8);
            color: #e3e5ff;
        }

        .mt2-btn-ghost:hover {
            border-color: var(--mt2-gold);
            color: var(--mt2-gold-soft);
            background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.18) 0, transparent 55%);
        }

        .mt2-hero-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 1.25rem;
            align-items: center;
            font-size: 0.78rem;
            color: var(--mt2-text-muted);
        }

        .mt2-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            background: rgba(4, 5, 9, 0.9);
            padding: 0.28rem 0.8rem;
        }

        .mt2-pill-dot-online {
            width: 10px;
            height: 10px;
            border-radius: 999px;
            background: radial-gradient(circle, #9dff9d 0, #4cc14c 45%, #164516 100%);
            box-shadow: 0 0 16px rgba(144, 237, 144, 0.9);
        }

        .mt2-pill-tag {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: var(--mt2-gold-soft);
        }

        .mt2-pill-label {
            color: #e0e1ff;
        }

        .mt2-pill-muted {
            font-size: 0.7rem;
            opacity: 0.8;
        }

        .mt2-hero-right {
            position: relative;
            z-index: 2;
        }

        .mt2-hero-panel {
            border-radius: var(--mt2-radius-lg);
            background: rgba(5, 6, 12, 0.98);
            border: 1px solid rgba(255, 255, 255, 0.10);
            box-shadow: 0 14px 30px rgba(0, 0, 0, 0.9);
            padding: 1.25rem 1.35rem;
        }

        .mt2-hero-panel-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.75rem;
        }

        .mt2-hero-panel-title {
            font-family: "Cinzel", serif;
            font-size: 0.9rem;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: var(--mt2-gold-soft);
        }

        .mt2-hero-panel-sub {
            font-size: 0.72rem;
            color: var(--mt2-text-muted);
        }

        .mt2-hero-panel-body {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .mt2-stat-box {
            border-radius: var(--mt2-radius-md);
            padding: 0.55rem 0.7rem;
            background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.08) 0, transparent 65%),
                        linear-gradient(135deg, rgba(9, 11, 20, 0.95), rgba(5, 7, 13, 0.96));
            border: 1px solid rgba(255, 255, 255, 0.12);
            font-size: 0.72rem;
        }

        .mt2-stat-label {
            text-transform: uppercase;
            letter-spacing: 0.16em;
            color: #b3b6d4;
            margin-bottom: 0.1rem;
        }

        .mt2-stat-value {
            font-size: 0.9rem;
            font-weight: 500;
        }

        .mt2-stat-value-strong {
            font-size: 1rem;
            color: var(--mt2-gold-soft);
        }

        .mt2-hero-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.35rem;
            margin-top: 0.45rem;
        }

        .mt2-tag {
            font-size: 0.68rem;
            padding: 0.15rem 0.55rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: var(--mt2-text-muted);
        }

        .mt2-tag-highlight {
            border-color: rgba(210, 167, 90, 0.8);
            color: var(--mt2-gold-soft);
            background: rgba(210, 167, 90, 0.08);
        }

        .mt2-hero-panel-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.75rem;
            margin-top: 0.65rem;
            font-size: 0.74rem;
            color: var(--mt2-text-muted);
        }

		/* ================= HERO FOOTER BUTTON – FIX HOVER ================= */
		.mt2-hero-footer-btn {
			background: rgba(255, 255, 255, 0.02);
			color: #e4e6ff;
			border: 1px solid rgba(255, 255, 255, 0.15);
			transition: all var(--mt2-transition-fast);
		}

		.mt2-hero-footer-btn:hover,
		.mt2-hero-footer-btn:focus {
			background: radial-gradient(
				circle at 0 0,
				rgba(255, 255, 255, 0.18) 0,
				transparent 65%
			),
			linear-gradient(
				135deg,
				rgba(210, 167, 90, 0.35),
				rgba(201, 79, 65, 0.25)
			);

			color: #1b1008; /* text închis, lizibil */
			border-color: var(--mt2-gold-soft);

			box-shadow:
				0 0 0 1px rgba(210, 167, 90, 0.65),
				0 10px 22px rgba(0, 0, 0, 0.9),
				0 0 22px rgba(210, 167, 90, 0.55);

			transform: translateY(-1px);
		}

		/* opțional: dezactivează complet stilul bootstrap */
		.mt2-hero-footer-btn.btn-outline-light:hover {
			background-color: unset !important;
			color: inherit !important;
		}

        /* =====================================
           LAYOUT: SIDEBAR + MAIN CONTENT
        ======================================*/
		
        .mt2-main {
            margin-top: 1rem;
            margin-bottom: 2.5rem;
        }

        .mt2-sidebar-column {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .mt2-panel {
            border-radius: var(--mt2-radius-lg);
            background: var(--mt2-bg-panel);
            border: 1px solid rgba(255, 255, 255, 0.10);
            box-shadow: var(--mt2-shadow-soft);
            padding: 1.1rem 1.25rem;
        }

        .mt2-panel-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.65rem;
        }

        .mt2-panel-title {
            font-family: "Cinzel", serif;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--mt2-gold-soft);
        }

        .mt2-panel-badge {
            font-size: 0.66rem;
            text-transform: uppercase;
            letter-spacing: 0.16em;
            padding: 0.2rem 0.65rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: var(--mt2-text-muted);
        }

        .mt2-panel-divider {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            margin-bottom: 0.6rem;
        }

        /* Sidebar: login box */
        .mt2-login-form label {
            font-size: 0.8rem;
            color: #c7c9e7;
        }

.mt2-form-control {
    background: rgba(7, 8, 16, 0.96);
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);

    color: #f7f7ff;
    caret-color: #f7f7ff;
    color-scheme: dark;

    font-size: 0.8rem;
    padding: 0.45rem 0.85rem;
}

.mt2-form-control:-webkit-autofill,
.mt2-form-control:-webkit-autofill:hover,
.mt2-form-control:-webkit-autofill:focus,
.mt2-form-control:-webkit-autofill:active {
    -webkit-text-fill-color: #f7f7ff !important;
    caret-color: #f7f7ff !important;

    background-color: rgba(7, 8, 16, 0.96) !important;

    -webkit-box-shadow: 0 0 0 1000px rgba(7, 8, 16, 0.96) inset !important;
    transition: background-color 9999s ease-in-out 0s;
}


        .mt2-form-control:focus {
            border-color: var(--mt2-gold-soft);
            box-shadow: 0 0 0 1px rgba(210, 167, 90, 0.7);
            background: rgba(7, 8, 16, 0.97);
            color: #ffffff;
        }

        .mt2-link-muted {
            font-size: 0.76rem;
            color: var(--mt2-text-muted);
        }

        .mt2-link-muted:hover {
            color: var(--mt2-gold-soft);
        }

        .mt2-btn-sm {
            border-radius: 999px;
            text-transform: uppercase;
            letter-spacing: 0.16em;
            font-size: 0.7rem;
        }

        .mt2-btn-login {
            padding: 0.4rem 1.1rem;
            border: 1px solid rgba(210, 167, 90, 0.85);
            background: linear-gradient(135deg, #f8d78b, #eaa54b);
            color: #20120a;
        }

        .mt2-btn-login:hover {
            border-color: var(--mt2-gold-soft);
            background: linear-gradient(135deg, #ffe4a8, #f0b35b);
            color: #20120a;
        }

        .mt2-btn-register {
            padding: 0.4rem 1.05rem;
            border: 1px solid rgba(255, 255, 255, 0.18);
            background: rgba(5, 7, 12, 0.95);
            color: #e3e4ff;
        }

        .mt2-btn-register:hover {
            border-color: var(--mt2-gold);
            color: var(--mt2-gold-soft);
        }

        /* Sidebar: server status widget */
        .mt2-status-list {
            list-style: none;
            padding: 0;
            margin: 0;
            display: grid;
            gap: 0.4rem;
        }

        .mt2-status-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.78rem;
            padding: 0.45rem 0.55rem;
            border-radius: var(--mt2-radius-md);
            background: rgba(8, 9, 16, 0.95);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

        .mt2-status-label {
            display: flex;
            align-items: center;
            gap: 0.45rem;
        }

        .mt2-status-dot {
            width: 10px;
            height: 10px;
            border-radius: 999px;
        }

        .mt2-status-dot.online {
            background: radial-gradient(circle, #a9ffaf 0, #4fc752 45%, #193f18 100%);
            box-shadow: 0 0 10px rgba(123, 220, 140, 0.85);
        }

        .mt2-status-dot.offline {
            background: radial-gradient(circle, #ffb1b1 0, #c74242 45%, #4b1818 100%);
            box-shadow: 0 0 8px rgba(255, 119, 119, 0.75);
        }

        .mt2-status-dot.maintenance {
            background: radial-gradient(circle, #ffe5a6 0, #e9b44c 45%, #6b4a16 100%);
            box-shadow: 0 0 8px rgba(255, 221, 138, 0.75);
        }

        .mt2-status-name {
            font-weight: 500;
            color: #f5f5ff;
        }

        .mt2-status-value {
            font-size: 0.78rem;
            color: var(--mt2-text-muted);
        }

        .mt2-status-value strong {
            color: var(--mt2-gold-soft);
            font-weight: 500;
        }

        /* Sidebar: top players/guilds */
        .mt2-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mt2-player-row,
        .mt2-guild-row {
            display: grid;
            grid-template-columns: auto 1fr auto;
            gap: 0.4rem;
            align-items: center;
            font-size: 0.78rem;
            padding: 0.35rem 0.1rem;
            border-bottom: 1px dashed rgba(255, 255, 255, 0.05);
        }

        .mt2-player-rank {
            width: 24px;
            text-align: center;
            font-family: "Cinzel", serif;
            color: var(--mt2-gold-soft);
        }

        .mt2-player-name {
            color: #f7f7ff;
            font-weight: 500;
        }

        .mt2-player-meta {
            font-size: 0.7rem;
            color: var(--mt2-text-muted);
        }

        .mt2-player-level {
            font-size: 0.78rem;
            color: var(--mt2-gold-soft);
        }

        .mt2-guild-name {
            color: #f6f7ff;
            font-weight: 500;
        }

        .mt2-guild-meta {
            font-size: 0.7rem;
            color: var(--mt2-text-muted);
        }

        /* Sidebar: quick download */
        .mt2-download-box {
            border-radius: var(--mt2-radius-md);
            padding: 0.8rem;
            background:
                radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.22) 0, transparent 65%),
                linear-gradient(135deg, rgba(5, 5, 12, 0.95), rgba(9, 10, 18, 0.98));
            border: 1px solid rgba(255, 255, 255, 0.12);
            position: relative;
            overflow: hidden;
        }

        .mt2-download-icon {
            position: absolute;
            right: -6px;
            bottom: -10px;
            width: 80px;
            height: 80px;
            opacity: 0.25;
            background:
                radial-gradient(circle at 40% 20%, rgba(255, 255, 255, 0.6), transparent 55%),
                radial-gradient(circle at 60% 70%, rgba(255, 210, 130, 0.9), transparent 65%);
            border-radius: 999px;
            filter: blur(1px);
        }

        .mt2-download-title {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--mt2-gold-soft);
            margin-bottom: 0.3rem;
        }

        .mt2-download-desc {
            font-size: 0.76rem;
            color: var(--mt2-text-muted);
            max-width: 240px;
        }

        /* =====================================
           MAIN CONTENT – NEWS, FEATURES, ETC.
        ======================================*/
        .mt2-main-panel {
            border-radius: var(--mt2-radius-lg);
            background: var(--mt2-bg-panel-soft);
            border: 1px solid rgba(255, 255, 255, 0.10);
            box-shadow: var(--mt2-shadow-soft);
            padding: 1.25rem 1.35rem 1.35rem 1.35rem;
            margin-bottom: 1.1rem;
        }

        .mt2-tabs-nav {
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            margin-bottom: 0.65rem;
        }

        .mt2-tab-link {
            border: none;
            background: none;
            color: #c4c6e6;
            text-transform: uppercase;
            letter-spacing: 0.16em;
            font-size: 0.78rem;
            padding: 0.55rem 0.9rem;
            border-radius: var(--mt2-radius-pill) var(--mt2-radius-pill) 0 0;
            position: relative;
        }

        .mt2-tab-link.active {
            color: #ffffff;
            background: radial-gradient(circle at 50% 0, rgba(255, 255, 255, 0.10) 0, transparent 60%);
        }

        .mt2-tab-link.active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            height: 2px;
            background: linear-gradient(90deg, var(--mt2-gold-soft), var(--mt2-red-soft));
            border-radius: 999px;
        }

        .mt2-tab-link:hover {
            color: #ffffff;
        }

        /* News list */
        .mt2-news-item {
            display: grid;
            grid-template-columns: 84px 1fr;
            gap: 0.75rem;
            padding: 0.7rem 0.1rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        }

        .mt2-news-date {
            font-size: 0.7rem;
            color: var(--mt2-text-muted);
            text-align: center;
        }

        .mt2-news-date span {
            display: block;
        }

        .mt2-news-day {
            font-size: 1.3rem;
            font-family: "Cinzel", serif;
            color: var(--mt2-gold-soft);
        }

        .mt2-news-month {
            text-transform: uppercase;
            letter-spacing: 0.16em;
        }

        .mt2-news-title {
            font-size: 0.98rem;
            font-weight: 500;
            margin-bottom: 0.25rem;
        }

        .mt2-news-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            font-size: 0.7rem;
            padding: 0.15rem 0.6rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.12);
            text-transform: uppercase;
            letter-spacing: 0.16em;
            margin-bottom: 0.2rem;
        }

        .mt2-news-badge.patch {
            border-color: rgba(88, 151, 255, 0.9);
            color: #b8ceff;
            background: rgba(15, 43, 96, 0.7);
        }

        .mt2-news-badge.event {
            border-color: rgba(222, 157, 84, 0.9);
            color: #ffe1b5;
            background: rgba(92, 58, 18, 0.7);
        }

        .mt2-news-badge.info {
            border-color: rgba(161, 235, 161, 0.9);
            color: #c7ffdd;
            background: rgba(16, 68, 21, 0.7);
        }

        .mt2-news-excerpt {
            font-size: 0.84rem;
            color: var(--mt2-text-muted);
        }

        .mt2-news-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 0.25rem;
            font-size: 0.77rem;
            color: var(--mt2-text-muted);
        }

        .mt2-news-link {
            font-size: 0.77rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--mt2-gold-soft);
        }

        .mt2-news-link:hover {
            color: var(--mt2-gold);
        }

        /* Features grid */
        .mt2-features-panel {
            border-radius: var(--mt2-radius-lg);
            background: var(--mt2-bg-panel);
            border: 1px solid rgba(255, 255, 255, 0.10);
            box-shadow: var(--mt2-shadow-soft);
            padding: 1.1rem 1.25rem 1.15rem;
        }

        .mt2-section-title {
            font-family: "Cinzel", serif;
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--mt2-gold-soft);
            margin-bottom: 0.7rem;
        }

        .mt2-section-subtitle {
            font-size: 0.84rem;
            color: var(--mt2-text-muted);
            margin-bottom: 1rem;
        }

        .mt2-features-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.75rem 0.9rem;
        }

        .mt2-feature-card {
            border-radius: var(--mt2-radius-md);
            background: rgba(7, 8, 14, 0.97);
            border: 1px solid rgba(255, 255, 255, 0.09);
            padding: 0.75rem 0.8rem;
            font-size: 0.8rem;
            display: flex;
            flex-direction: column;
            gap: 0.25rem;
        }

        .mt2-feature-pill {
            font-size: 0.67rem;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            color: var(--mt2-text-muted);
        }

        .mt2-feature-name {
            font-size: 0.86rem;
            color: #f5f5ff;
        }

        .mt2-feature-desc {
            font-size: 0.76rem;
            color: var(--mt2-text-muted);
        }

        /* Gallery / screenshots */
        .mt2-gallery-row {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.65rem;
        }

        .mt2-screenshot {
            position: relative;
            border-radius: var(--mt2-radius-md);
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background-color: #11141f;
        }

        .mt2-screenshot img {
            width: 100%;
            display: block;
            object-fit: cover;
            height: 140px;
            filter: saturate(1.15) contrast(1.05);
        }

        .mt2-screenshot-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent 60%);
        }

        .mt2-screenshot-label {
            position: absolute;
            left: 0.6rem;
            bottom: 0.4rem;
            font-size: 0.73rem;
            text-transform: uppercase;
            letter-spacing: 0.16em;
            color: #f8f8ff;
        }

        /* FAQ */
        .mt2-faq-accordion .accordion-item {
            background-color: transparent;
            border-radius: var(--mt2-radius-md);
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 0.35rem;
        }

        .mt2-faq-accordion .accordion-button {
            background: rgba(5, 6, 14, 0.98);
            color: #f7f7ff;
            font-size: 0.86rem;
        }

        .mt2-faq-accordion .accordion-button:not(.collapsed) {
            color: var(--mt2-gold-soft);
            background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.15) 0, transparent 65%);
        }

        .mt2-faq-accordion .accordion-body {
            background: rgba(4, 5, 12, 0.97);
            font-size: 0.8rem;
            color: var(--mt2-text-muted);
        }

        /* Footer */
        .mt2-footer {
            padding: 1.1rem 0 1.5rem;
            border-top: 1px solid rgba(255, 255, 255, 0.06);
            margin-top: 1.5rem;
            background: linear-gradient(180deg, rgba(3, 4, 9, 0.95), rgba(1, 2, 5, 1));
        }

        .mt2-footer-logo {
            font-family: "Cinzel", serif;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            font-size: 0.85rem;
            color: var(--mt2-gold-soft);
        }

        .mt2-footer-links {
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
            font-size: 0.78rem;
            justify-content: flex-end;
        }

        .mt2-footer-copy {
            font-size: 0.74rem;
            color: var(--mt2-text-muted);
        }

        /* Responsive tweaks */
        @media (max-width: 991.98px) {
            .mt2-hero-inner {
                padding: 1.7rem 1.4rem;
            }

            .mt2-sidebar-column {
                margin-top: 1rem;
            }

            .mt2-features-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .mt2-gallery-row {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 767.98px) {
            .mt2-hero-inner {
                padding: 1.35rem 1rem;
            }

            .mt2-hero-title {
                font-size: 1.7rem;
            }

            .mt2-hero-meta {
                gap: 0.7rem;
            }

            .mt2-main-panel,
            .mt2-features-panel {
                padding: 1rem 0.9rem 1.05rem;
            }

            .mt2-features-grid {
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }

            .mt2-gallery-row {
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }

            .mt2-footer-links {
                justify-content: flex-start;
                margin-top: 0.5rem;
            }
        }

        /* Extra utility / decorative classes to reach richer styling */

        .mt2-blur-soft {
            backdrop-filter: blur(18px);
        }

        .mt2-border-gold {
            border-color: rgba(210, 167, 90, 0.75) !important;
        }

        .mt2-glow-gold {
            box-shadow: 0 0 24px rgba(210, 167, 90, 0.7);
        }

        .mt2-gradient-gold-red {
            background: linear-gradient(135deg, #f3d08a, #e58348) !important;
        }

		.mt2-dropdown {
			background: rgba(8,10,16,0.98);
			border: 1px solid rgba(255,255,255,0.12);
			backdrop-filter: blur(18px);
			box-shadow: 0 20px 40px rgba(0,0,0,0.9);
		}

		.mt2-dropdown .dropdown-item {
			color: #cfd1f0;
			font-size: 0.78rem;
			letter-spacing: 0.12em;
			text-transform: uppercase;
		}

		.mt2-dropdown .dropdown-item:hover,
		.mt2-dropdown .dropdown-item.active {
			background: radial-gradient(circle at 0 0, rgba(255,255,255,0.15), transparent 65%);
			color: var(--mt2-gold-soft);
		}






































        /* =====================================
           STATUS SIDEBAR ( CRED CA ESTE SIDEBAR )
        ======================================*/
		.mt2-network-stats {
			display: grid;
			gap: 0.35rem;
			font-size: 0.75rem;
		}

		.mt2-network-row {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.mt2-network-label {
			color: var(--mt2-text-muted);
			letter-spacing: 0.08em;
			text-transform: uppercase;
			font-size: 0.68rem;
		}

		.mt2-network-value {
			color: var(--mt2-gold-soft);
			font-weight: 500;
		}

		.mt2-network-muted {
			color: var(--mt2-text-muted);
			font-size: 0.65rem;
			letter-spacing: 0.08em;
			margin-left: 0.15rem;
		}





























/* =====================================
   RANKING – TABLES (PLAYERS & GUILDS)
===================================== */

/* container tabel */
.mt2-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: transparent;
    --bs-table-bg: transparent;
    --bs-table-color: #f3f4ff;
}

/* ================= HEADER ================= */
.mt2-table thead th {
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 500;
    color: var(--mt2-gold-soft);
    padding: 0.6rem 0.65rem;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background:
        linear-gradient(
            180deg,
            rgba(10, 12, 20, 0.96),
            rgba(6, 8, 14, 0.96)
        );
}

/* ================= ROWS ================= */
.mt2-table tbody tr {
    background: rgba(6, 7, 14, 0.96);
    transition:
        background var(--mt2-transition-fast),
        box-shadow var(--mt2-transition-fast);
}

.mt2-table tbody tr:hover {
    background:
        radial-gradient(
            circle at 0 0,
            rgba(255, 255, 255, 0.08),
            rgba(6, 8, 14, 0.98)
        );
}

/* ================= CELLS ================= */
.mt2-table td {
    font-size: 0.78rem;
    padding: 0.6rem 0.65rem;
    color: #e6e7ff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
    vertical-align: middle;
    background: transparent !important;
}

/* nume / coloana principală */
.mt2-table td.text-start,
.mt2-table td.fw-bold {
    text-align: left;
    color: #ffffff;
    font-weight: 500;
}

/* meta / valori secundare */
.mt2-table td:not(.fw-bold):not(.text-start) {
    color: var(--mt2-text-muted);
}

/* ================= RANK COLUMN ================= */
.mt2-table td:first-child {
    font-family: "Cinzel", serif;
    color: var(--mt2-gold-soft);
    width: 44px;
}

/* TOP 3 */
.mt2-table tbody tr:nth-child(1) td:first-child {
    color: #ffd88a;
    text-shadow: 0 0 12px rgba(255, 216, 138, 0.65);
}
.mt2-table tbody tr:nth-child(2) td:first-child {
    color: #cfd6e6;
}
.mt2-table tbody tr:nth-child(3) td:first-child {
    color: #d7a46a;
}

/* ================= SERVER ================= */
.mt2-ranking-server {
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
}

/* ================= EMPTY ================= */
.mt2-table td.text-muted {
    color: var(--mt2-text-muted) !important;
}

/* ================= PAGINATION ================= */
.mt2-main-panel .pagination {
    justify-content: center;
    gap: 0.35rem;
    margin-top: 0.9rem;
}

.mt2-main-panel .page-link {
    background: rgba(6, 7, 14, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--mt2-text-muted);
    font-size: 0.72rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
}

.mt2-main-panel .page-link:hover {
    color: var(--mt2-gold-soft);
    border-color: var(--mt2-gold-soft);
    background:
        radial-gradient(
            circle at 0 0,
            rgba(255, 255, 255, 0.18),
            transparent 60%
        );
}

.mt2-main-panel .page-item.active .page-link {
    color: #1b1008;
    border-color: var(--mt2-gold-soft);
    background:
        linear-gradient(135deg, #fbd085, #eaa244, #c75532);
}

/* ================= TABS – 50 / 50 ================= */
.mt2-tabs.nav-tabs {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mt2-tabs.nav-tabs .nav-item {
    flex: 1 1 50%;
}

.mt2-tabs.nav-tabs .nav-link {
    width: 100%;
    text-align: center;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mt2-text-muted);
    border: none;
    background: transparent;
}

.mt2-tabs.nav-tabs .nav-link:hover {
    color: #ffffff;
}

.mt2-tabs.nav-tabs .nav-link.active {
    color: #ffffff;
    background:
        radial-gradient(
            circle at 50% 0,
            rgba(255, 255, 255, 0.12),
            transparent 60%
        );
}

.mt2-tabs.nav-tabs .nav-link.active::after {
    content: "";
    display: block;
    height: 2px;
    margin-top: 0.4rem;
    background: linear-gradient(
        90deg,
        var(--mt2-gold-soft),
        var(--mt2-red-soft)
    );
    border-radius: 999px;
}

/* ================= FILTER INPUTS (RANKING) ================= */

/* input + select */
.mt2-table .mt2-filter {
    background: rgba(6, 7, 14, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #f3f4ff;
    font-size: 0.72rem;
    padding: 0.35rem 0.45rem;
    border-radius: 8px;
    box-shadow: none;
}

/* placeholder */
.mt2-table .mt2-filter::placeholder {
    color: var(--mt2-text-muted);
    opacity: 0.85;
}

/* focus */
.mt2-table .mt2-filter:focus {
    border-color: var(--mt2-gold-soft);
    background:
        radial-gradient(
            circle at 0 0,
            rgba(255, 255, 255, 0.12),
            rgba(6, 8, 14, 0.98)
        );
    color: #ffffff;
    box-shadow: 0 0 0 0.15rem rgba(255, 193, 100, 0.15);
}

/* select arrow (Bootstrap fix) */
.mt2-table select.mt2-filter {
    background-image:
        linear-gradient(45deg, transparent 50%, var(--mt2-text-muted) 50%),
        linear-gradient(135deg, var(--mt2-text-muted) 50%, transparent 50%),
        linear-gradient(to right, transparent, transparent);
    background-position:
        calc(100% - 16px) 50%,
        calc(100% - 11px) 50%,
        100% 0;
    background-size:
        5px 5px,
        5px 5px,
        2.5em 2.5em;
    background-repeat: no-repeat;
    padding-right: 2rem;
}

/* option dropdown */
.mt2-table select.mt2-filter option {
    background: #0b0f17;
    color: #f3f4ff;
}

/* ================= EMPIRE FLAG ================= */

.mt2-empire {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.mt2-empire-flag {
    width: 18px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0,0,0,0.6);
}

/* mobile: doar icon, perfect centrat */
@media (max-width: 767.98px) {
    .mt2-empire {
        justify-content: center;
    }
}

/* ================= TAB ICONS ================= */

.mt2-tab-icon {
    width: 36px;
    height: auto;
    filter: drop-shadow(0 0 6px rgba(0,0,0,0.6));
}

/* ================= FAQ ================= */

.mt2-faq-accordion .accordion-item {
    background: transparent;
    border-radius: var(--mt2-radius-md);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.10);
    margin-bottom: 0.45rem;
}

.mt2-faq-accordion .accordion-button {
    background: rgba(6, 7, 14, 0.98);
    color: #f7f7ff;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    padding: 0.75rem 0.9rem;
}

.mt2-faq-accordion .accordion-button:not(.collapsed) {
    color: var(--mt2-gold-soft);
    background:
        radial-gradient(circle at 0 0, rgba(255,255,255,0.12), transparent 65%);
}

.mt2-faq-accordion .accordion-button::after {
    filter: invert(1);
    opacity: 0.7;
}

.mt2-faq-accordion .accordion-body {
    background: rgba(4, 5, 12, 0.97);
    font-size: 0.8rem;
    color: var(--mt2-text-muted);
    padding: 0.85rem 0.9rem;
}

/* ================= SERVER PAGE ================= */

.mt2-server-hero {
    background:
        radial-gradient(circle at 20% 0,
            color-mix(in srgb, var(--accent) 25%, transparent),
            transparent 60%),
        linear-gradient(180deg, #070910, #04060c);
    padding: 4rem 0;
}

.mt2-server-title {
    font-size: clamp(2.2rem, 5vw, 3rem);
    font-weight: 700;
    color: #fff;
}

.mt2-server-subtitle {
    color: var(--accent);
    font-weight: 600;
    margin-bottom: 1rem;
}

.mt2-server-description {
    color: var(--mt2-text-muted);
    max-width: 620px;
}

.mt2-server-badges {
    display: flex;
    gap: .6rem;
    margin-top: 1rem;
}

.mt2-badge {
    padding: .35rem .75rem;
    border-radius: 999px;
    font-size: .7rem;
    letter-spacing: .08em;
    background: var(--accent);
    color: #000;
}

.mt2-badge-soft {
    background: rgba(255,255,255,.08);
    color: #fff;
}

.mt2-server-flag {
    max-width: 140px;
    filter: drop-shadow(0 0 25px var(--accent));
}

/* ================= CARDS ================= */

.mt2-card {
    background: rgba(10,12,20,.9);
    border-radius: 16px;
    padding: 1.6rem;
    height: 100%;
}

.mt2-card-soft {
    background: rgba(255,255,255,.04);
}

.mt2-card-cta {
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--accent) 35%, #000),
            #06080f);
}

.mt2-card-title {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.mt2-card-subtitle {
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mt2-text-muted);
}

/* ================= LISTS ================= */

.mt2-stat-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mt2-stat-list li {
    display: flex;
    justify-content: space-between;
    padding: .45rem 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.mt2-system-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
    gap: .5rem;
}

.mt2-system-grid li {
    background: rgba(255,255,255,.05);
    padding: .5rem .7rem;
    border-radius: 8px;
    font-size: .75rem;
}

/* ================= BUTTONS ================= */

.mt2-btn-primary {
    background: var(--accent);
    color: #000;
    border-radius: 999px;
    padding: .55rem 1.4rem;
}

.mt2-btn-outline {
    border: 1px solid var(--accent);
    color: var(--accent);
    border-radius: 999px;
    padding: .55rem 1.4rem;
}

/* ===============================
   FOOTER – MOBILE CENTERED & CLEAN
=================================*/
@media (max-width: 767.98px) {

    .mt2-footer {
        text-align: center;
        padding: 1.4rem 0 1.8rem;
    }

    .mt2-footer .row {
        justify-content: center;
    }

    .mt2-footer-logo {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }

    .mt2-footer-copy {
        font-size: 0.72rem;
        margin-bottom: 0.8rem;
    }

    .mt2-footer-links {
        justify-content: center;
        gap: 0.9rem 1.2rem;
        line-height: 1.6;
    }

    .mt2-footer-links a {
        font-size: 0.75rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    /* separare subtilă vizuală */
    .mt2-footer-links a::after {
        content: "•";
        margin-left: 0.9rem;
        color: rgba(255,255,255,0.25);
    }

    .mt2-footer-links a:last-child::after {
        display: none;
    }
}