/* Avakin Topluluğu — 2026 interface refresh */

:root {
    --avt-gold: #e4a101;
    --avt-gold-soft: #f5c842;
    --avt-ink: #0d0611;
    --avt-panel: #15101b;
    --avt-muted: #b8b3c1;
    --scroll-up-clearance: 28px;
}

/* Brand and navigation */
.brand-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
    min-width: 0;
    overflow: visible !important;
}

.logo {
    overflow: visible !important;
}

.logo .brand-link > img {
    width: 72px !important;
    height: 72px !important;
    max-height: none !important;
    flex: 0 0 72px;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.32));
}

.brand-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.modern-logo-text {
    color: var(--avt-gold) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.15;
    letter-spacing: 0.35px !important;
    white-space: nowrap;
    background: none !important;
    animation: none !important;
    -webkit-text-fill-color: var(--avt-gold) !important;
}

.brand-ticker {
    display: block;
    height: 18px;
    max-width: 245px;
    margin-top: 5px;
    overflow: hidden;
    color: #d8d4df;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.25px;
    white-space: nowrap;
}

.brand-ticker-track {
    display: block;
    animation: brandTicker 9s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

.brand-ticker-item {
    display: flex;
    align-items: center;
    height: 18px;
    gap: 6px;
}

.brand-ticker-item--gold { color: var(--avt-gold-soft); }
.brand-ticker-item--discord { color: #9ba4ff; }
.brand-ticker-item--blue { color: #67d4ff; }

@keyframes brandTicker {
    0%, 44% { transform: translateY(0); }
    50%, 94% { transform: translateY(-18px); }
    100% { transform: translateY(0); }
}

.header-top-area .header-top-right {
    width: 100%;
}

.navbar-wrap > ul > li > a > i,
.navbar-wrap .submenu a i {
    width: 16px;
    margin-right: 5px;
    color: rgba(228, 161, 1, 0.9);
    text-align: center;
}

.navbar-wrap .submenu a i {
    margin-right: 8px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-top-area .container-full-padding,
    .main-header .container-full-padding {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .logo .brand-link > img {
        width: 54px !important;
        height: 54px !important;
        flex-basis: 54px;
    }

    .modern-logo-text {
        font-size: 18px !important;
    }

    .brand-ticker {
        display: none;
    }

    .navbar-wrap > ul > li > a {
        padding: 22px 8px !important;
        font-size: 10.5px !important;
        letter-spacing: 0 !important;
    }

    .navbar-wrap > ul > li > a > i {
        width: 13px;
        margin-right: 3px;
    }

    .slider-area.slider-bg {
        padding-top: 180px;
    }
}

@media (max-width: 991.98px) {
    .brand-link {
        gap: 9px;
        padding-right: 52px;
    }

    .logo .brand-link > img {
        width: 52px !important;
        height: 52px !important;
        flex-basis: 52px;
    }

    .modern-logo-text {
        font-size: 20px !important;
    }

    .brand-ticker {
        max-width: 205px;
        margin-top: 3px;
        font-size: 9px;
    }

    .mean-container a.meanmenu-reveal {
        right: -5px !important;
        top: -46px !important;
        width: 40px !important;
        height: 36px !important;
        gap: 4px !important;
        border-width: 1px !important;
        border-radius: 7px !important;
    }

    .mean-container a.meanmenu-reveal span {
        width: 20px !important;
        height: 2px !important;
    }

    .mean-container .mean-nav a.forum-top-link,
    .mean-container .mean-nav a.forum-top-link i {
        color: var(--avt-gold) !important;
        font-weight: 800 !important;
    }

    .mean-container .mean-nav ul li a i:not(.fa-plus):not(.fa-minus) {
        width: 20px;
        margin-right: 8px;
        color: var(--avt-gold);
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .main-header .container-full-padding {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .brand-link {
        gap: 8px;
        padding-right: 45px;
    }

    .logo .brand-link > img {
        width: 46px !important;
        height: 46px !important;
        flex-basis: 46px;
    }

    .modern-logo-text {
        max-width: 170px;
        font-size: 17px !important;
        line-height: 1.05;
        letter-spacing: 0 !important;
        white-space: normal;
    }

    .brand-ticker {
        max-width: 170px;
        margin-top: 2px;
        font-size: 8.5px;
    }

    .mean-container a.meanmenu-reveal {
        right: -5px !important;
        top: -46px !important;
        width: 40px !important;
        height: 36px !important;
        border-width: 1px !important;
        border-radius: 7px !important;
        gap: 4px !important;
    }

    .mean-container a.meanmenu-reveal span {
        width: 20px !important;
        height: 2px !important;
    }
}

@media (max-width: 359.98px) {
    .brand-link {
        gap: 7px;
        padding-right: 0;
    }

    .logo .brand-link > img {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px;
    }

    .modern-logo-text {
        max-width: 140px;
        font-size: 14.5px !important;
    }

    .brand-ticker {
        max-width: 140px;
        font-size: 8px;
    }

    .mean-container a.meanmenu-reveal {
        right: -5px !important;
        width: 38px !important;
    }
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none !important;
    }
}

/* Logo-only loading screen */
#preloader {
    background: radial-gradient(circle at center, #1a1020 0%, #0d0611 58%, #08030b 100%) !important;
}

#loading-center-absolute,
.preloader-logo-wrap {
    overflow: visible !important;
}

.preloader-logo-wrap {
    position: relative;
    width: clamp(128px, 13vw, 170px) !important;
    isolation: isolate;
    will-change: transform;
    animation: preloaderLogoFloat 1.8s ease-in-out infinite !important;
}

.preloader-logo-wrap::before {
    content: "";
    position: absolute;
    inset: 15%;
    z-index: -1;
    background: radial-gradient(circle, rgba(245, 200, 66, 0.3), rgba(228, 161, 1, 0) 70%);
    filter: blur(20px);
    animation: preloaderLogoAura 1.8s ease-in-out infinite;
}

.preloader-logo-wrap img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 12px 26px rgba(0, 0, 0, 0.35)) !important;
}

.preloader-spinner {
    display: none !important;
}

@keyframes preloaderLogoFloat {
    0%, 100% { transform: translateY(5px) scale(0.96); opacity: 0.88; }
    50% { transform: translateY(-6px) scale(1.04); opacity: 1; }
}

@keyframes preloaderLogoAura {
    0%, 100% { opacity: 0.35; transform: scale(0.86); }
    50% { opacity: 0.9; transform: scale(1.16); }
}

/* Homepage welcome copy */
.slider-text-wrapper {
    max-width: 880px;
    padding: 26px 34px;
}

.custom-slider-title {
    font-size: clamp(3rem, 4.8vw, 4.35rem) !important;
    margin-bottom: 18px !important;
    line-height: 1.08 !important;
    text-wrap: balance;
}

.custom-slider-text {
    max-width: 720px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: clamp(1rem, 1.35vw, 1.2rem) !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
    text-wrap: pretty;
}

#scroll-progress-bar {
    opacity: 0;
}

@media (max-width: 991.98px) {
    .cursor-dot,
    .cursor-outline {
        display: none !important;
    }

    .custom-slider-title {
        font-size: 2.75rem !important;
    }

    .custom-slider-text {
        font-size: 1.05rem !important;
    }
}

.cursor-dot,
.cursor-outline {
    opacity: 0;
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    html.custom-cursor-active,
    html.custom-cursor-active body,
    html.custom-cursor-active body * {
        cursor: none !important;
    }

    html.custom-cursor-active input,
    html.custom-cursor-active textarea,
    html.custom-cursor-active [contenteditable="true"] {
        cursor: text !important;
    }
}

@media (max-width: 575.98px) {
    .slider-text-wrapper {
        padding: 22px 16px;
    }

    .custom-slider-title {
        font-size: clamp(2.05rem, 10vw, 2.5rem) !important;
        margin-bottom: 15px !important;
    }

    .custom-slider-text {
        font-size: 0.98rem !important;
        line-height: 1.58 !important;
    }
}

@media (max-width: 359.98px) {
    .custom-slider-title { font-size: 1.85rem !important; }
    .custom-slider-text { font-size: 0.92rem !important; }
}

/* Home news call to action */
.latest-news-card .home-news-cta {
    align-self: center !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 20px !important;
    gap: 8px;
    font-size: 11px !important;
    line-height: 1.2;
}

/* Cookie panel */
#kvkk-banner {
    padding: 0 !important;
    overflow: hidden;
}

#kvkk-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    gap: 18px;
    padding: 16px 18px;
    box-sizing: border-box;
    text-align: left;
}

.kvkk-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

#kvkk-icon {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    font-size: 15px !important;
    flex: 0 0 32px;
}

#kvkk-text strong {
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
}

#kvkk-text p {
    padding-left: 42px;
}

#kvkk-actions {
    justify-content: flex-end;
    margin: 0 !important;
}

#kvkk-actions > * {
    margin: 0 !important;
}

@media (max-width: 700px) {
    #kvkk-banner {
        bottom: 12px !important;
        width: calc(100% - 24px) !important;
        max-width: 520px;
        align-items: stretch !important;
        text-align: left !important;
    }

    #kvkk-inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 13px;
        padding: 15px;
    }

    #kvkk-text,
    #kvkk-actions {
        width: 100%;
    }

    #kvkk-text p {
        padding-left: 0;
        font-size: 11.5px;
    }

    #kvkk-actions {
        justify-content: flex-start;
    }
}

/* Collision-aware floating button */
#scrollUp {
    display: flex !important;
    align-items: center;
    justify-content: center;
    right: clamp(14px, 3vw, 32px) !important;
    bottom: var(--scroll-up-clearance, 28px) !important;
    z-index: 1000001 !important;
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 8px, 0);
    animation: none !important;
    transition: opacity 0.18s ease, transform 0.18s ease, background-color 0.18s ease !important;
}

#scrollUp.is-visible {
    opacity: 0.9 !important;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
}

#scrollUp.is-visible:hover,
#scrollUp.is-visible:focus-visible {
    opacity: 1 !important;
    transform: translate3d(0, -3px, 0);
}

/* Brighter inner-page hero images */
.breadcrumb-bg-wrap::before {
    background: linear-gradient(180deg, rgba(10, 4, 18, 0.16), rgba(10, 4, 18, 0.34)) !important;
}

.breadcrumb-area::before {
    background: radial-gradient(ellipse at center, transparent 58%, rgba(5, 2, 10, 0.34) 100%) !important;
    opacity: 1 !important;
}

.breadcrumb-content {
    background: rgba(13, 6, 17, 0.3) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35), inset 0 0 18px rgba(228, 161, 1, 0.04) !important;
}

/* Footer brand and Discord invitation */
.modern-footer .footer-logo,
.modern-footer .footer-logo a {
    overflow: visible !important;
}

.modern-footer .footer-logo img {
    display: block;
    width: 112px !important;
    height: 112px !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
    clip-path: none !important;
    filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.35)) !important;
    box-shadow: none !important;
}

.footer-discord-cta {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 14px;
    align-items: center;
    width: 100%;
    max-width: 270px;
    gap: 10px;
    padding: 11px 12px;
    color: #fff !important;
    text-align: left !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.18), rgba(88, 101, 242, 0.08));
    border: 1px solid rgba(130, 141, 255, 0.35);
    border-radius: 12px;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.footer-discord-cta:hover {
    color: #fff !important;
    transform: translateY(-2px);
    border-color: rgba(130, 141, 255, 0.75);
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.34), rgba(88, 101, 242, 0.15));
}

.footer-discord-cta__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 18px;
    background: #5865f2;
    border-radius: 10px;
}

.footer-discord-cta__icon img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.footer-discord-cta__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.footer-discord-cta__copy strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.25;
}

.footer-discord-cta__copy small {
    margin-top: 2px;
    color: #b8b9d7;
    font-size: 9.5px;
    line-height: 1.35;
}

.footer-discord-cta__arrow {
    color: #9ba4ff;
    font-size: 11px;
}

@media (max-width: 767.98px) {
    .modern-footer .footer-logo img {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .footer-discord-cta {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

/* Redesigned content hubs */
.hub-page {
    position: relative;
    padding: 82px 0 92px;
    overflow: hidden;
    text-align: left !important;
    background:
        radial-gradient(circle at 12% 5%, rgba(228, 161, 1, 0.1), transparent 30%),
        radial-gradient(circle at 88% 85%, rgba(88, 101, 242, 0.09), transparent 32%),
        #0d0911;
}

.hub-page > .container {
    width: 100%;
    max-width: 1140px !important;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto !important;
    margin-left: auto !important;
}

.hub-intro {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    z-index: auto !important;
    max-width: 760px;
    margin: 0 auto 46px;
    text-align: center !important;
}

.hub-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--avt-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.hub-intro h2 {
    margin-bottom: 15px;
    color: #fff;
    font-size: clamp(30px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.12;
}

.hub-intro p {
    margin: 0;
    color: var(--avt-muted);
    font-size: 16px;
    line-height: 1.75;
}

.community-hub__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
    grid-template-rows: repeat(2, minmax(220px, 1fr));
    gap: 22px;
}

.community-card {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    color: #fff !important;
    text-align: left !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
    isolation: isolate;
}

.community-card--featured {
    grid-row: 1 / span 2;
    min-height: 462px;
}

.community-card img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.55s ease;
}

.community-card::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(6, 3, 10, 0.06) 15%, rgba(6, 3, 10, 0.92) 92%);
}

.community-card:hover img {
    transform: scale(1.055);
}

.community-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 26px;
}

.community-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    color: #17100a;
    background: var(--avt-gold);
    border-radius: 12px;
}

.community-card h3 {
    margin-bottom: 8px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.community-card p {
    max-width: 520px;
    margin-bottom: 15px;
    color: #d2cfd7;
    font-size: 14px;
    line-height: 1.6;
}

.community-card__link,
.guide-step__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--avt-gold-soft);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.hub-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 34px;
    padding: 24px 28px;
    text-align: left !important;
    background: linear-gradient(135deg, rgba(88, 101, 242, 0.16), rgba(228, 161, 1, 0.08));
    border: 1px solid rgba(139, 148, 255, 0.24);
    border-radius: 18px;
}

.hub-callout h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 20px;
}

.hub-callout p {
    margin: 0;
    color: var(--avt-muted);
    font-size: 14px;
}

.hub-callout__button {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 9px;
    padding: 11px 17px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    background: #5865f2;
    border-radius: 10px;
}

/* Guide roadmap */
.guide-roadmap {
    display: grid;
    max-width: 1040px;
    margin: 0 auto;
    gap: 24px;
}

.guide-step {
    display: grid;
    grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
    min-height: 300px;
    overflow: hidden;
    text-align: left !important;
    background: linear-gradient(135deg, rgba(27, 20, 34, 0.98), rgba(15, 11, 20, 0.98));
    border: 1px solid rgba(228, 161, 1, 0.18);
    border-radius: 20px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.guide-step--reverse .guide-step__media { order: 2; }
.guide-step--reverse .guide-step__content { order: 1; }

.guide-step__media {
    position: relative;
    min-height: 270px;
    overflow: hidden;
}

.guide-step__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.guide-step:hover .guide-step__media img { transform: scale(1.05); }

.guide-step__number {
    position: absolute;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #120d08;
    font-size: 15px;
    font-weight: 900;
    background: var(--avt-gold);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
}

.guide-step__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 34px;
}

.guide-step__icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: var(--avt-gold);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.guide-step h3 {
    margin-bottom: 12px;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
}

.guide-step p {
    margin-bottom: 20px;
    color: var(--avt-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* Rules */
.rules-intro-panel {
    display: flex;
    align-items: center;
    max-width: 940px;
    gap: 18px;
    margin: 30px auto 0;
    padding: 20px 22px;
    text-align: left !important;
    background: rgba(228, 161, 1, 0.07);
    border: 1px solid rgba(228, 161, 1, 0.22);
    border-radius: 16px;
}

.rules-intro-panel__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: #17100a;
    font-size: 20px;
    background: var(--avt-gold);
    border-radius: 14px;
}

.rules-intro-panel strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 16px;
}

.rules-intro-panel p {
    margin: 0;
    color: var(--avt-muted);
    font-size: 13px;
    line-height: 1.6;
}

.rules-grid {
    display: grid;
    max-width: 1040px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 0 auto;
}

.community-hub,
.rules-hub {
    padding-top: 56px;
}

.rule-item {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-content: start;
    column-gap: 12px;
    min-height: 205px;
    padding: 25px 24px 23px 76px;
    overflow: hidden;
    text-align: left !important;
    background: linear-gradient(145deg, rgba(25, 19, 31, 0.98), rgba(13, 10, 17, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 17px;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.rule-item:hover {
    transform: translateY(-3px);
    border-color: rgba(228, 161, 1, 0.4);
}

.rule-item--wide {
    grid-column: 1 / -1;
    min-height: 170px;
}

.rule-item__number {
    position: absolute;
    top: 22px;
    left: 22px;
    color: rgba(228, 161, 1, 0.38);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
}

.rule-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    width: 38px;
    height: 38px;
    margin: 0;
    color: var(--avt-gold);
    font-size: 17px;
    background: rgba(228, 161, 1, 0.09);
    border-radius: 11px;
}

.rule-item h3 {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.rule-item p {
    grid-column: 1 / -1;
    margin: 11px 0 0;
    color: var(--avt-muted);
    font-size: 14px;
    line-height: 1.7;
}

/* Motion performance: keep feedback, avoid layout/repaint-heavy animation. */
html {
    scroll-behavior: auto !important;
}

.slider-bg-img,
.breadcrumb-bg-wrap img,
.btn-discord-animated,
#scroll-progress-bar,
.custom-dl-btn::before,
.custom-dl-btn::after {
    animation: none !important;
}

.animated-hero-title,
.animated-hero-text {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

.breadcrumb-bg-wrap::after {
    display: none !important;
    animation: none !important;
}

#scroll-progress-bar {
    transition: none !important;
}

.custom-dl-btn::after {
    filter: none !important;
    opacity: 0.25 !important;
}

.galleria-accordion {
    contain: layout;
}

.galleria-item,
.galleria-item.is-active {
    width: auto !important;
    min-width: 0;
    flex: 1 1 0 !important;
    contain: paint;
    transition: border-color 0.2s ease !important;
}

.galleria-item:hover,
.galleria-item:focus-visible,
.galleria-item.is-active {
    border-color: rgba(228, 161, 1, 0.72);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.galleria-item img,
.galleria-item:hover img {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

.galleria-content,
.galleria-item-title-collapsed,
.galleria-item-title-collapsed i {
    transition-duration: 0.2s !important;
    transition-delay: 0s !important;
    will-change: auto !important;
}

.galleria-item:hover .galleria-item-title-collapsed i {
    transform: none !important;
}

.bento-card {
    transition: transform 0.22s ease, border-color 0.22s ease !important;
}

.bento-card:hover {
    transform: translate3d(0, -4px, 0);
}

.bento-card .bento-img {
    transition: transform 0.26s ease !important;
}

.bento-card:hover .bento-img {
    transform: scale(1.025);
}

.bento-title i {
    margin-right: 7px;
    color: var(--avt-gold-soft);
    font-size: 0.9em;
}

.community-card img,
.gallery-card-item .gallery-thumb img {
    transition: transform 0.28s ease !important;
}

.community-card:hover img,
.gallery-card-item:hover .gallery-thumb img {
    transform: scale(1.025);
}

@media (max-width: 991.98px) {
    .hub-page > .container { max-width: 720px !important; }
    .community-hub__grid { grid-template-columns: 1fr; grid-template-rows: auto; }
    .community-card--featured { grid-row: auto; min-height: 390px; }
    .community-card:not(.community-card--featured) { min-height: 260px; }
    .guide-step { grid-template-columns: 1fr; }
    .guide-step--reverse .guide-step__media,
    .guide-step--reverse .guide-step__content { order: initial; }
}

@media (max-width: 767.98px) {
    .hub-page { padding: 64px 0 72px; }
    .hub-page > .container { max-width: 540px !important; }
    .hub-intro { margin-bottom: 34px; }
    .hub-intro p { font-size: 14px; }
    .community-card--featured { min-height: 340px; }
    .community-card__content { padding: 22px; }
    .community-card h3 { font-size: 21px; }
    .hub-callout { align-items: flex-start; flex-direction: column; padding: 22px; }
    .guide-step__content { padding: 26px 24px; }
    .rules-grid { grid-template-columns: 1fr; }
    .rule-item--wide { grid-column: auto; }
}

@media (max-width: 575.98px) {
    .hub-page > .container { max-width: 100% !important; }
    .community-card--featured { min-height: 310px; }
    .community-card:not(.community-card--featured) { min-height: 245px; }
    .rules-intro-panel { align-items: flex-start; }
    .rule-item {
        min-height: 0;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 10px;
        padding: 22px 20px 22px 66px;
    }
    .rule-item__icon { width: 34px; height: 34px; font-size: 15px; }
    .rule-item__number { top: 20px; left: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .brand-ticker-track { animation: none; }
    .preloader-logo-wrap,
    .preloader-logo-wrap::before { animation: none !important; }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =========================================================
   Compact header, anchored download panel and motion budget
   ========================================================= */
.header-top-area { display: none !important; }

.header-brand-ticker {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: min(100%, 245px) !important;
    max-width: 245px !important;
    height: 18px !important;
    margin: 3px 0 0 !important;
    overflow: hidden;
    font-size: 8.8px !important;
    line-height: 18px !important;
    pointer-events: none;
}

.header-brand-ticker .brand-ticker-item {
    height: 18px;
    line-height: 18px;
}

.modern-logo-text {
    color: #e4a101 !important;
    background: linear-gradient(100deg, #c7830d 0%, #efba35 25%, #fff0a8 43%, #d99817 59%, #ffe9a0 74%, #c7830d 100%) !important;
    background-size: 300% 100% !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 13px rgba(228, 161, 1, .22), 0 2px 10px rgba(0, 0, 0, .4);
    animation: avtBrandTitleShine 6.4s linear infinite !important;
}

@keyframes avtBrandTitleShine {
    from { background-position: 0% 50%; }
    to { background-position: 300% 50%; }
}

.header-download-launcher {
    display: none;
}

@media (min-width: 992px) {
    .header-download-launcher {
        position: relative;
        z-index: 220;
        display: flex;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
    }

    .header-download-launcher__toggle {
        position: relative;
        display: grid;
        width: 44px;
        height: 44px;
        padding: 0;
        place-items: center;
        overflow: hidden;
        border: 1px solid rgba(250, 211, 112, .52);
        border-radius: 13px;
        background: linear-gradient(145deg, rgba(40, 26, 47, .96), rgba(18, 11, 24, .98));
        color: #f6cc65;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .28);
        cursor: pointer;
        transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .header-download-launcher__toggle::before {
        position: absolute;
        inset: -35%;
        content: "";
        background: conic-gradient(from 90deg, transparent, rgba(245, 200, 66, .22), transparent 34%);
        transform: rotate(0deg);
        transition: transform .5s ease;
    }

    .header-download-launcher__toggle i {
        position: relative;
        z-index: 1;
        font-size: 15px;
        text-shadow: 0 0 12px rgba(245, 200, 66, .48);
    }

    .header-download-launcher:hover .header-download-launcher__toggle,
    .header-download-launcher:focus-within .header-download-launcher__toggle,
    .header-download-launcher.is-open .header-download-launcher__toggle {
        border-color: rgba(255, 229, 160, .9);
        box-shadow: 0 0 20px rgba(228, 161, 1, .22), 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .12);
        transform: translateY(-1px);
    }

    .header-download-launcher:hover .header-download-launcher__toggle::before,
    .header-download-launcher:focus-within .header-download-launcher__toggle::before,
    .header-download-launcher.is-open .header-download-launcher__toggle::before {
        transform: rotate(140deg);
    }

    .header-download-panel {
        position: absolute;
        top: calc(100% + 30px);
        right: 0;
        z-index: 230;
        width: 232px;
        padding: 19px;
        border: 1px solid rgba(245, 200, 66, .24);
        border-radius: 17px;
        background:
            radial-gradient(circle at 88% 7%, rgba(245, 200, 66, .12), transparent 32%),
            linear-gradient(145deg, rgba(27, 18, 34, .985), rgba(11, 7, 15, .99));
        box-shadow: 0 22px 52px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .055);
        text-align: left;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, -8px, 0) scale(.98);
        transform-origin: top right;
        transition: opacity .2s ease, transform .24s cubic-bezier(.2, .75, .25, 1), visibility .2s ease;
    }

    .header-download-panel::after {
        position: absolute;
        right: 0;
        bottom: 100%;
        left: 0;
        height: 32px;
        content: "";
    }

    .header-download-panel::before {
        position: absolute;
        top: -6px;
        right: 16px;
        width: 11px;
        height: 11px;
        border-top: 1px solid rgba(245, 200, 66, .24);
        border-left: 1px solid rgba(245, 200, 66, .24);
        content: "";
        background: #1a1120;
        transform: rotate(45deg);
    }

    .header-download-launcher:hover .header-download-panel,
    .header-download-launcher:focus-within .header-download-panel,
    .header-download-launcher.is-open .header-download-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale(1);
    }

    .header-download-panel__eyebrow {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 8px;
        color: #dfaa31;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .header-download-panel > strong {
        display: block;
        margin-bottom: 7px;
        color: #fff;
        font-size: 18px;
        font-weight: 850;
        line-height: 1.15;
    }

    .header-download-panel p {
        margin: 0 0 14px;
        color: rgba(236, 230, 240, .68);
        font-size: 10px;
        line-height: 1.55;
    }

    .header-download-panel > a {
        position: relative;
        display: flex;
        min-height: 43px;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        overflow: hidden;
        padding: 0 13px;
        border: 1px solid rgba(255, 233, 177, .48);
        border-radius: 11px;
        background: linear-gradient(110deg, #b9730d, #e7aa2b 45%, #f5cb68 70%, #bd7b14);
        color: #1b1004 !important;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: .045em;
        text-transform: uppercase;
        box-shadow: 0 9px 22px rgba(190, 119, 15, .2), inset 0 1px 0 rgba(255, 255, 255, .34);
        transition: transform .2s ease, box-shadow .2s ease;
    }

    .header-download-panel > a::before {
        position: absolute;
        top: -35%;
        bottom: -35%;
        left: -45%;
        width: 35%;
        content: "";
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .48), transparent);
        transform: skewX(-18deg) translate3d(-160%, 0, 0);
    }

    .header-download-launcher.is-open .header-download-panel > a::before,
    .header-download-launcher:hover .header-download-panel > a::before,
    .header-download-launcher:focus-within .header-download-panel > a::before {
        animation: headerDownloadLinkShine 3.4s ease-in-out infinite;
    }

    .header-download-panel > a span,
    .header-download-panel > a i { position: relative; z-index: 1; }

    .header-download-panel > a:hover,
    .header-download-panel > a:focus-visible {
        box-shadow: 0 12px 28px rgba(190, 119, 15, .34), 0 0 20px rgba(245, 200, 66, .16);
        transform: translateY(-2px);
    }

    #sticky-header.sticky-menu .header-download-launcher {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    #sticky-header.sticky-menu .header-download-launcher__toggle {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }
}

@keyframes headerDownloadLinkShine {
    0%, 34% { transform: skewX(-18deg) translate3d(-160%, 0, 0); }
    64%, 100% { transform: skewX(-18deg) translate3d(520%, 0, 0); }
}

.footer-download-link {
    color: #e7b846 !important;
}

.footer-download-link i {
    color: #f5c842 !important;
    transition: transform .25s ease;
}

.footer-download-link:hover i,
.footer-download-link:focus-visible i { transform: translateY(2px); }

/* Calmer hero hierarchy and a more distinctive exploration action. */
.hv3-hero {
    padding-top: clamp(126px, 15vh, 174px);
}

.hv3-hero__content {
    max-width: 1120px;
    text-align: center;
}

.hv3-hero__title {
    font-size: clamp(3.8rem, 5.6vw, 6.2rem);
    line-height: .96;
    letter-spacing: -.052em;
}

.hv3-hero__title span,
.hv3-hero__title strong {
    display: inline-block;
    margin: 0;
}

.hv3-hero__title strong { margin-left: .16em; }

.hv3-hero__lead {
    max-width: 680px;
    margin: 24px auto 0;
    font-size: clamp(.98rem, 1.18vw, 1.12rem);
}

.hv3-hero__actions {
    justify-content: center;
    margin: 26px auto 0;
}

.hv3-button--explore {
    position: relative;
    min-height: 58px;
    justify-content: flex-start;
    gap: 10px;
    overflow: hidden;
    padding: 5px 12px 5px 7px;
    border: 1px solid rgba(245, 200, 66, .3);
    background:
        radial-gradient(circle at 15% 50%, rgba(245, 200, 66, .13), transparent 34%),
        linear-gradient(135deg, rgba(34, 24, 40, .9), rgba(16, 10, 21, .92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .065), 0 11px 27px rgba(0, 0, 0, .24);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.hv3-button--explore::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30%;
    width: 24%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(245, 200, 66, .13), transparent);
    transform: skewX(-18deg) translate3d(-180%, 0, 0);
    animation: hv3ExploreSweep 4.6s ease-in-out infinite;
}

.hv3-button--explore__orbit {
    position: relative;
    z-index: 1;
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border: 1px solid rgba(245, 200, 66, .34);
    border-radius: 50%;
    background: rgba(245, 200, 66, .075);
    color: #f4c95d;
    font-size: 15px;
    box-shadow: inset 0 0 16px rgba(245, 200, 66, .055);
}

.hv3-button--explore__orbit::before {
    position: absolute;
    inset: 4px;
    border: 1px dashed rgba(245, 200, 66, .22);
    border-radius: 50%;
    content: "";
    transition: transform .5s ease;
}

.hv3-button--explore__copy {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 105px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-align: left;
}

.hv3-button--explore__copy small {
    color: rgba(236, 225, 205, .55);
    font-size: 6.8px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .13em;
}

.hv3-button--explore__copy strong {
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: .07em;
}

.hv3-button--explore__arrow {
    position: relative;
    z-index: 1;
    color: rgba(245, 200, 66, .78);
    font-size: 9px;
    transition: transform .25s ease;
}

.hv3-button--explore:hover,
.hv3-button--explore:focus-visible {
    border-color: rgba(245, 200, 66, .58);
    background:
        radial-gradient(circle at 15% 50%, rgba(245, 200, 66, .19), transparent 36%),
        linear-gradient(135deg, rgba(39, 28, 45, .94), rgba(18, 11, 23, .96));
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32), 0 0 25px rgba(245, 200, 66, .09), inset 0 1px 0 rgba(255, 255, 255, .08);
}

.hv3-button--explore:hover .hv3-button--explore__orbit::before,
.hv3-button--explore:focus-visible .hv3-button--explore__orbit::before { transform: rotate(120deg); }

.hv3-button--explore:hover .hv3-button--explore__arrow,
.hv3-button--explore:focus-visible .hv3-button--explore__arrow { transform: translateY(3px); }

@keyframes hv3ExploreSweep {
    0%, 42% { transform: skewX(-18deg) translate3d(-180%, 0, 0); }
    72%, 100% { transform: skewX(-18deg) translate3d(720%, 0, 0); }
}

/* Visible but lighter atmosphere and fewer continuously animated layers. */
.site-gold-dust i { will-change: auto !important; }
.site-gold-dust i:nth-child(n+13) { display: none !important; }

.header-gold-dust {
    z-index: 3;
    opacity: .3;
}

#sticky-header.sticky-menu .header-gold-dust { opacity: .78; }

.header-gold-dust i {
    width: 2.5px;
    height: 2.5px;
    background: #fff0b5;
    box-shadow: 0 0 7px rgba(255, 224, 137, .9), 0 0 13px rgba(228, 161, 1, .5);
}

.hv3-hero__scene {
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
}

.hv3-hero__beam {
    opacity: .62;
    filter: blur(7px);
    animation: none !important;
}

.hv3-join .hv3-button--discord { animation: hv3DiscordButtonFlow 12s linear infinite; }
.hv3-join .hv3-button--forum { animation: hv3ForumButtonFlow 14s linear infinite; }

.site-motion-paused .site-gold-dust i,
.site-motion-paused .header-gold-dust i,
.site-motion-paused .modern-logo-text,
.site-motion-paused .brand-ticker-track,
.site-motion-paused .hv3-hero__particles i,
.site-motion-paused .hv3-button--explore::before,
.site-motion-paused .hv3-join .hv3-button--discord,
.site-motion-paused .hv3-join .hv3-button--forum {
    animation-play-state: paused !important;
}

@media (max-width: 1199.98px) {
    .header-download-launcher { display: none !important; }
}

@media (max-width: 991.98px) {
    .header-brand-ticker {
        width: min(100%, 250px) !important;
        max-width: 250px !important;
        margin-top: 2px !important;
        font-size: 8.7px !important;
    }

    .site-gold-dust i:nth-child(n+9) { display: none !important; }
}

@media (max-width: 575.98px) {
    .header-brand-ticker {
        max-width: 220px !important;
        font-size: 8.1px !important;
    }

    .hv3-hero { padding-top: 116px; }

    .hv3-hero__title {
        font-size: clamp(2.65rem, 11.3vw, 3.3rem);
        line-height: 1;
    }

    .hv3-hero__title strong {
        display: block;
        margin: 6px 0 0;
    }

    .hv3-hero__lead {
        margin-top: 20px;
        font-size: .94rem;
    }

    .hv3-button--explore { justify-content: center; }
}

@media (max-width: 359.98px) {
    .header-brand-ticker {
        max-width: 202px !important;
        font-size: 7.8px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modern-logo-text,
    .header-download-panel > a::before,
    .hv3-button--explore::before,
    .hv3-join .hv3-button--discord,
    .hv3-join .hv3-button--forum {
        animation: none !important;
        transition: none !important;
    }
}

/* Shared gold atmosphere: light, edge-bound and non-interactive. */
.site-gold-dust {
    position: fixed;
    inset: 0;
    z-index: 7000;
    overflow: hidden;
    pointer-events: none;
}

.site-gold-dust i {
    position: absolute;
    top: var(--dust-y);
    left: var(--dust-x);
    width: var(--dust-size);
    height: var(--dust-size);
    border-radius: 50%;
    background: #ffe7a0;
    box-shadow: 0 0 5px rgba(255, 220, 117, .9), 0 0 12px rgba(228, 161, 1, .52);
    opacity: 0;
    animation: siteGoldDustFloat var(--dust-duration) ease-in-out var(--dust-delay) infinite;
    will-change: transform, opacity;
}

@keyframes siteGoldDustFloat {
    0%, 100% { opacity: 0; transform: translate3d(0, 22px, 0) scale(.55); }
    18% { opacity: .22; }
    48% { opacity: .78; transform: translate3d(7px, -12px, 0) scale(1); }
    76% { opacity: .28; }
    92% { opacity: 0; transform: translate3d(-5px, -48px, 0) scale(.72); }
}

/* Brand title shimmer stays subtle enough to preserve legibility. */
.modern-logo-text {
    color: var(--avt-gold) !important;
    background: linear-gradient(102deg, #c98712 0%, #f3c95a 28%, #fff1b5 48%, #e1a326 67%, #f5d575 100%) !important;
    background-size: 240% 100% !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 12px rgba(228, 161, 1, .13);
    animation: modernLogoGoldShimmer 7.5s ease-in-out infinite !important;
}

@keyframes modernLogoGoldShimmer {
    0%, 100% { background-position: 0% 50%; text-shadow: 0 0 10px rgba(228, 161, 1, .1); }
    50% { background-position: 100% 50%; text-shadow: 0 0 18px rgba(245, 200, 66, .26); }
}

/* A few sparks appear inside the compact bar only after the page is scrolled. */
#sticky-header {
    position: relative;
}

#sticky-header .main-menu {
    position: relative;
    z-index: 2;
}

.header-gold-dust {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease;
}

#sticky-header.sticky-menu .header-gold-dust { opacity: .58; }

.header-gold-dust i {
    position: absolute;
    top: var(--header-dust-y);
    left: var(--header-dust-x);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #ffe591;
    box-shadow: 0 0 7px rgba(245, 200, 66, .72);
    opacity: 0;
    animation: headerGoldDustTwinkle 4.8s ease-in-out var(--header-dust-delay) infinite;
}

@keyframes headerGoldDustTwinkle {
    0%, 100% { opacity: 0; transform: translate3d(-3px, 5px, 0) scale(.6); }
    45% { opacity: .72; transform: translate3d(3px, -3px, 0) scale(1); }
    70% { opacity: .2; }
}

/* Keep the short independent-community line on one row at desktop sizes. */
@media (min-width: 992px) {
    .modern-footer .footer-top .row > div:first-child .footer-bio {
        width: max-content;
        max-width: none !important;
        padding-right: 10px;
        padding-left: 10px;
        font-size: clamp(9px, .75vw, 10.5px) !important;
        line-height: 1.45 !important;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .site-gold-dust i:nth-child(n+11) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .site-gold-dust i,
    .header-gold-dust i,
    .modern-logo-text {
        animation: none !important;
        transition: none !important;
    }

    .site-gold-dust i { opacity: .2; }
    .header-gold-dust i { opacity: .22; }
    .modern-logo-text { background-position: 50% 50% !important; }
}

/* =========================================================
   Grand homepage opening + flowing neon download action
   ========================================================= */
@keyframes avtDownloadNeonFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes avtDownloadGlowPulse {
    0%, 100% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .72),
            inset 0 -8px 18px rgba(37, 10, 86, .2),
            0 0 10px rgba(255, 43, 214, .38),
            0 0 24px rgba(0, 213, 255, .26),
            0 8px 20px rgba(0, 0, 0, .3);
    }
    50% {
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .84),
            inset 0 -8px 18px rgba(37, 10, 86, .1),
            0 0 16px rgba(255, 225, 74, .48),
            0 0 34px rgba(124, 60, 255, .4),
            0 8px 20px rgba(0, 0, 0, .3);
    }
}

.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    overflow: hidden !important;
    border-color: rgba(255, 255, 255, .68) !important;
    background-image: linear-gradient(110deg, #ff2bd6 0%, #7c3cff 18%, #00d5ff 36%, #00f0a8 52%, #ffe14a 68%, #ff593d 84%, #ff2bd6 100%) !important;
    background-size: 320% 100% !important;
    animation: avtDownloadNeonFlow 3.1s linear infinite, avtDownloadGlowPulse 2.2s ease-in-out infinite !important;
    will-change: background-position;
}

a.custom-dl-btn::before {
    inset: 1px 2px auto !important;
    height: 48% !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, 0)) !important;
    opacity: .76 !important;
}

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    animation-duration: 1.55s, 1.1s !important;
    filter: saturate(1.12) brightness(1.08) !important;
}

.home-page .slider-area.slider-bg {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.home-page .slider-area.slider-bg::before,
.home-page .slider-area.slider-bg::after {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.home-page .slider-area.slider-bg::before {
    top: 12%;
    left: 50%;
    width: min(76vw, 920px);
    aspect-ratio: 1.8;
    background: radial-gradient(ellipse, rgba(228, 161, 1, .2) 0%, rgba(123, 66, 171, .09) 42%, transparent 72%);
    transform: translateX(-50%);
}

.home-page .slider-area.slider-bg::after {
    top: 26%;
    left: 50%;
    width: min(52vw, 660px);
    aspect-ratio: 1;
    border: 1px solid rgba(237, 187, 72, .1);
    box-shadow: 0 0 80px rgba(228, 161, 1, .08), inset 0 0 70px rgba(228, 161, 1, .04);
    transform: translate(-50%, -50%);
}

.home-page .slider-area.slider-bg .container {
    position: relative;
    z-index: 1;
}

.hero-welcome {
    position: relative;
    isolation: isolate;
    max-width: 990px;
    padding: 48px 54px 38px;
    border-color: rgba(241, 195, 86, .24);
    background:
        radial-gradient(circle at 50% 0%, rgba(228, 161, 1, .15), transparent 34%),
        linear-gradient(145deg, rgba(12, 8, 18, .9), rgba(24, 11, 32, .76));
    box-shadow:
        0 38px 95px rgba(0, 0, 0, .52),
        0 0 54px rgba(228, 161, 1, .08),
        inset 0 1px 0 rgba(255, 255, 255, .08),
        inset 0 0 45px rgba(142, 75, 190, .05);
}

.hero-welcome::before {
    position: absolute;
    inset: 8px;
    z-index: -1;
    border: 1px solid rgba(255, 220, 136, .1);
    border-radius: 21px;
    content: "";
    pointer-events: none;
}

.hero-welcome::after {
    position: absolute;
    top: -1px;
    left: 50%;
    z-index: -1;
    width: min(58%, 480px);
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 225, 143, .95), transparent);
    box-shadow: 0 0 18px rgba(255, 201, 81, .68);
    transform: translateX(-50%);
}

.hero-welcome__crest {
    position: relative;
    display: grid;
    width: 84px;
    height: 84px;
    margin: -84px auto 24px;
    place-items: center;
    border: 1px solid rgba(255, 222, 141, .42);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(32, 20, 36, .98), rgba(10, 7, 14, .98));
    box-shadow: 0 0 0 7px rgba(13, 8, 18, .78), 0 0 28px rgba(228, 161, 1, .28), inset 0 0 18px rgba(255, 210, 105, .09);
}

.hero-welcome__crest img {
    position: relative;
    z-index: 2;
    width: 64px;
    height: 64px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px rgba(255, 208, 100, .32));
}

.hero-welcome__crest-ring {
    position: absolute;
    inset: -7px;
    border: 1px dashed rgba(239, 190, 75, .46);
    border-radius: 50%;
}

.hero-welcome__eyebrow::before,
.hero-welcome__eyebrow::after {
    width: 34px;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(239, 190, 75, .72));
}

.hero-welcome__eyebrow::after { transform: scaleX(-1); }

.hero-welcome__title {
    font-size: clamp(3.65rem, 5.65vw, 5.55rem) !important;
    text-shadow: 0 12px 36px rgba(0, 0, 0, .58), 0 0 48px rgba(255, 255, 255, .035);
}

.hero-welcome__title-highlight {
    background-image: linear-gradient(95deg, #fff0bd 0%, #f2b83d 28%, #fff3c8 52%, #d99400 78%, #ffe49a 100%);
}

@media (max-width: 767.98px) {
    .hero-welcome {
        padding: 38px 18px 27px;
    }

    .hero-welcome__crest {
        width: 70px;
        height: 70px;
        margin: -72px auto 20px;
    }

    .hero-welcome__crest img {
        width: 53px;
        height: 53px;
    }

    .hero-welcome__eyebrow::before,
    .hero-welcome__eyebrow::after { width: 18px; }

    .hero-welcome__title {
        font-size: clamp(2.45rem, 11.5vw, 3.35rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    .custom-dl-btn:hover,
    .custom-dl-btn:focus-visible {
        animation: none !important;
        background-position: 50% 50% !important;
        will-change: auto;
    }
}

/* =========================================================
   Hero, neon glass action and temporary media system — 2026-08-11
   ========================================================= */

/* Figma reference: Glowing Buttons in Neon Gradients.
   Static layered gradients replace repaint-heavy moving filters. */
.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    position: relative;
    isolation: isolate;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .02) 48%),
        linear-gradient(115deg, #ff5aa5 0%, #a36cff 38%, #5e8dff 66%, #54e8e0 100%) !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    filter: none !important;
    animation: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .64),
        inset 0 -8px 18px rgba(62, 30, 130, .2),
        0 0 12px rgba(255, 80, 172, .34),
        0 0 26px rgba(91, 164, 255, .27),
        0 8px 20px rgba(0, 0, 0, .3) !important;
    text-shadow: 0 1px 4px rgba(26, 10, 45, .58);
    transform: translate3d(0, 0, 0);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

a.custom-dl-btn::before {
    position: absolute;
    inset: 2px 3px auto;
    z-index: 0;
    display: block !important;
    height: 43%;
    border-radius: inherit;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0));
    opacity: .66 !important;
    filter: none !important;
    animation: none !important;
    pointer-events: none;
}

a.custom-dl-btn::after {
    display: none !important;
    animation: none !important;
}

.custom-dl-btn > i {
    position: relative;
    z-index: 1;
}

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .82) !important;
    filter: none !important;
    transform: translate3d(0, -2px, 0) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .74),
        inset 0 -8px 18px rgba(62, 30, 130, .16),
        0 0 16px rgba(255, 80, 172, .48),
        0 0 34px rgba(91, 213, 255, .38),
        0 10px 22px rgba(0, 0, 0, .32) !important;
}

.custom-dl-btn:active {
    transform: translate3d(0, 0, 0) !important;
}

/* Homepage opening statement */
.home-page .slider-area.slider-bg {
    padding: clamp(130px, 14vw, 190px) 0 clamp(86px, 9vw, 130px) !important;
}

.hero-welcome {
    max-width: 940px;
    padding: 34px 42px 31px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(12, 8, 18, .78), rgba(19, 10, 27, .58));
    box-shadow: 0 30px 70px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .045);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.hero-welcome__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 18px;
    color: #f0be45;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: 0;
    animation: heroWelcomeReveal .48s ease .08s forwards;
}

.hero-welcome__eyebrow i { color: #ffcc57; }

.hero-welcome__title {
    margin: 0 0 18px !important;
    font-size: clamp(3.2rem, 5.25vw, 5rem) !important;
    line-height: .98 !important;
    letter-spacing: -.045em;
    text-transform: none !important;
    text-shadow: 0 10px 30px rgba(0, 0, 0, .46);
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    animation: heroWelcomeReveal .68s cubic-bezier(.2, .75, .25, 1) .16s forwards;
}

.hero-welcome__title-main,
.hero-welcome__title-highlight { display: block; }

.hero-welcome__title-main { color: #fff; }

.hero-welcome__title-highlight {
    margin-top: 8px;
    color: #f2b83d;
    background: linear-gradient(95deg, #ffda70 0%, #e4a101 43%, #ffecae 72%, #e4a101 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 24px rgba(228, 161, 1, .22);
}

.hero-welcome__text {
    max-width: 690px !important;
    margin: 0 auto 24px !important;
    color: #e4e2e8 !important;
    font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
    line-height: 1.65 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .66);
    opacity: 0;
    animation: heroWelcomeReveal .56s ease .32s forwards;
}

.hero-welcome__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
    margin-bottom: 21px;
    opacity: 0;
    animation: heroWelcomeReveal .56s ease .42s forwards;
}

.hero-welcome__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    gap: 9px;
    padding: 0 20px;
    border-radius: 13px;
    color: #fff !important;
    font-size: 11.5px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .045em;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.hero-welcome__button--primary {
    color: #17100a !important;
    border: 1px solid #f3c454;
    background: linear-gradient(135deg, #e4a101, #ffd96d);
    box-shadow: 0 10px 26px rgba(228, 161, 1, .25);
}

.hero-welcome__button--secondary {
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

.hero-welcome__button:hover,
.hero-welcome__button:focus-visible {
    transform: translate3d(0, -2px, 0);
}

.hero-welcome__button--primary:hover,
.hero-welcome__button--primary:focus-visible {
    color: #17100a !important;
    box-shadow: 0 13px 32px rgba(228, 161, 1, .38);
}

.hero-welcome__button--secondary:hover,
.hero-welcome__button--secondary:focus-visible {
    color: #fff !important;
    border-color: rgba(228, 161, 1, .55);
    background: rgba(228, 161, 1, .1);
}

.hero-welcome__values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 11px;
    color: rgba(238, 232, 242, .7);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    opacity: 0;
    animation: heroWelcomeReveal .5s ease .52s forwards;
}

.hero-welcome__values i {
    color: rgba(228, 161, 1, .72);
    font-size: 3.5px;
}

#home-news { scroll-margin-top: 92px; }

@keyframes heroWelcomeReveal {
    from { opacity: 0; transform: translate3d(0, 16px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* Code-native placeholders keep AI artwork out of non-AI content. */
.avt-media-placeholder {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 260px;
    gap: 14px;
    overflow: hidden;
    padding: 26px;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(circle at 22% 20%, rgba(228, 161, 1, .18), transparent 28%),
        radial-gradient(circle at 78% 75%, rgba(115, 84, 168, .19), transparent 32%),
        linear-gradient(145deg, #17131d, #0c0b11 72%);
}

.avt-media-placeholder::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background-image:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .72), transparent 96%);
}

.avt-media-placeholder::after {
    position: absolute;
    right: -45px;
    bottom: -65px;
    z-index: -1;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(228, 161, 1, .14);
    border-radius: 50%;
    content: "";
    box-shadow: 0 0 0 28px rgba(228, 161, 1, .025), 0 0 0 58px rgba(228, 161, 1, .018);
}

.avt-media-placeholder--fill {
    position: absolute;
    inset: 0;
    height: 100%;
    min-height: 0;
}

.avt-media-placeholder__icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 18px;
    color: #171019;
    background: linear-gradient(135deg, #e4a101, #ffe08a);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 22px rgba(228, 161, 1, .16);
    font-size: 21px;
}

.avt-media-placeholder__copy {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.avt-media-placeholder__copy strong {
    color: #fff;
    font-size: 17px;
    line-height: 1.25;
    letter-spacing: -.01em;
}

.avt-media-placeholder__copy small {
    color: #aaa5b3;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.4;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.avt-media-placeholder--fashion { background: radial-gradient(circle at 25% 22%, rgba(255, 90, 165, .18), transparent 30%), linear-gradient(145deg, #211421, #0d0b12 72%); }
.avt-media-placeholder--space { background: radial-gradient(circle at 78% 22%, rgba(78, 193, 213, .17), transparent 31%), linear-gradient(145deg, #111d22, #0c0b11 72%); }
.avt-media-placeholder--community { background: radial-gradient(circle at 25% 20%, rgba(88, 101, 242, .21), transparent 32%), linear-gradient(145deg, #15162a, #0c0b11 72%); }
.avt-media-placeholder--progress { background: radial-gradient(circle at 76% 20%, rgba(53, 199, 142, .17), transparent 31%), linear-gradient(145deg, #111f1b, #0c0b11 72%); }
.avt-media-placeholder--badge { background: radial-gradient(circle at 25% 24%, rgba(228, 161, 1, .2), transparent 32%), linear-gradient(145deg, #211a10, #0c0b11 72%); }
.avt-media-placeholder--video { background: radial-gradient(circle at 74% 22%, rgba(255, 72, 105, .18), transparent 32%), linear-gradient(145deg, #21121a, #0c0b11 72%); }
.avt-media-placeholder--ai { background: radial-gradient(circle at 24% 22%, rgba(111, 90, 255, .25), transparent 31%), radial-gradient(circle at 76% 74%, rgba(49, 211, 222, .18), transparent 30%), linear-gradient(145deg, #17142a, #0b0b12 72%); }

.gallery-thumb .avt-media-placeholder {
    height: 260px;
    min-height: 260px;
    border-radius: 12px 12px 0 0;
}

.masonry-gallery-item > .avt-media-placeholder {
    min-height: 360px;
}

.galleria-item > .avt-media-placeholder {
    z-index: 0;
}

.galleria-item .avt-media-placeholder__copy,
.bento-card .avt-media-placeholder__copy {
    opacity: .42;
}

.galleria-item:hover .avt-media-placeholder__copy,
.galleria-item:focus-visible .avt-media-placeholder__copy {
    opacity: .18;
}

.gallery-preparing-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 9px;
    color: #d8ad49;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Center the desktop footer brand column without affecting the link columns. */
@media (min-width: 992px) {
    .modern-footer .footer-top .row > div:first-child .footer-widget {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center !important;
    }

    .modern-footer .footer-top .row > div:first-child .footer-logo,
    .modern-footer .footer-top .row > div:first-child .footer-logo img,
    .modern-footer .footer-top .row > div:first-child .footer-bio {
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }
}

@media (max-width: 767.98px) {
    .home-page .slider-area.slider-bg {
        padding: 112px 0 78px !important;
    }

    .hero-welcome {
        width: calc(100% - 8px);
        padding: 26px 18px 24px;
        border-radius: 22px;
    }

    .hero-welcome__eyebrow {
        margin-bottom: 14px;
        font-size: 8.7px;
        letter-spacing: .11em;
    }

    .hero-welcome__title {
        margin-bottom: 15px !important;
        font-size: clamp(2.15rem, 10.6vw, 3rem) !important;
        line-height: 1.02 !important;
        letter-spacing: -.035em;
    }

    .hero-welcome__title-highlight { margin-top: 6px; }

    .hero-welcome__text {
        margin-bottom: 19px !important;
        font-size: .93rem !important;
        line-height: 1.55 !important;
    }

    .hero-welcome__button {
        min-height: 44px;
        padding: 0 15px;
        font-size: 10px;
    }

    .hero-welcome__values {
        gap: 7px 9px;
        font-size: 7.8px;
        letter-spacing: .1em;
    }

    .avt-media-placeholder__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 19px;
    }
}

@media (max-width: 419.98px) {
    .hero-welcome__actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .hero-welcome__button { width: 100%; }

    .hero-welcome__values i:nth-of-type(4),
    .hero-welcome__values span:last-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-welcome__eyebrow,
    .hero-welcome__title,
    .hero-welcome__text,
    .hero-welcome__actions,
    .hero-welcome__values {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }

    .custom-dl-btn,
    .custom-dl-btn:hover,
    .custom-dl-btn:focus-visible,
    .hero-welcome__button,
    .hero-welcome__button:hover,
    .hero-welcome__button:focus-visible {
        transform: none !important;
        transition: none !important;
    }
}

/* Shared motion and brand polish — 2026-08-10 */
@media (min-width: 992px) {
    .header-utility-list {
        gap: 6px !important;
    }

    .header-live-ticker {
        margin-right: -2px !important;
    }
}

.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    background: linear-gradient(110deg, #ff2d78 0%, #8b4dff 18%, #11bfff 36%, #20d89a 53%, #ffd23f 70%, #ff6b35 84%, #ff2d78 100%) !important;
    background-size: 340% 100% !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(97, 74, 255, .42), 0 8px 20px rgba(0, 0, 0, .3) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .72);
    animation: downloadGradientFlow 5s linear infinite, downloadNeonPulse 2.5s ease-in-out infinite !important;
}

a.custom-dl-btn::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    width: auto;
    height: auto;
    border-radius: inherit;
    content: "";
    background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.38) 42%, transparent 64%);
    background-size: 240% 100%;
    opacity: .72 !important;
    filter: none !important;
    animation: downloadShimmer 2.9s linear infinite !important;
}

a.custom-dl-btn::after {
    display: none !important;
}

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    color: #fff !important;
    box-shadow: 0 0 24px rgba(17, 191, 255, .62), 0 10px 28px rgba(139, 77, 255, .4) !important;
    transform: translateY(-2px) !important;
}

@keyframes downloadGradientFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 340% 50%; }
}

@keyframes downloadShimmer {
    0% { background-position: 160% 0; }
    100% { background-position: -120% 0; }
}

@keyframes downloadNeonPulse {
    0%, 100% { filter: saturate(1) brightness(1); }
    50% { filter: saturate(1.24) brightness(1.08); }
}

.modern-footer .footer-bio {
    position: relative;
    max-width: 255px;
    margin-top: 0;
    padding: 0 14px;
    color: rgba(246, 213, 127, .76) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12.5px !important;
    font-style: italic;
    line-height: 1.72 !important;
    letter-spacing: .15px;
}

.modern-footer .footer-bio::before,
.modern-footer .footer-bio::after {
    position: absolute;
    color: rgba(228, 161, 1, .66);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 25px;
    line-height: 1;
}

.modern-footer .footer-bio::before { content: "“"; left: -1px; top: -5px; }
.modern-footer .footer-bio::after { content: "”"; right: 0; bottom: -7px; }

.forum-top-link i,
.fw-links .highlight-link i,
.social-channel-card--forum .social-channel-icon i {
    transform-origin: 50% 70%;
}

.forum-top-link:hover i,
.forum-top-link:focus-visible i,
.fw-links .highlight-link:hover i,
.fw-links .highlight-link:focus-visible i,
.social-channel-card--forum:hover .social-channel-icon i,
.social-channel-card--forum:focus-within .social-channel-icon i {
    animation: forumBubbleTalk .62s cubic-bezier(.2,.8,.25,1);
}

@keyframes forumBubbleTalk {
    0%, 100% { transform: translate3d(0,0,0) rotate(0deg) scale(1); }
    28% { transform: translate3d(-2px,-2px,0) rotate(-9deg) scale(1.12); }
    56% { transform: translate3d(2px,-1px,0) rotate(8deg) scale(1.08); }
    78% { transform: translate3d(-1px,0,0) rotate(-3deg) scale(1.04); }
}

.home-page .home-reveal {
    opacity: 0;
    will-change: opacity, transform, clip-path;
    transition: opacity .72s ease, transform .82s cubic-bezier(.2,.72,.2,1), clip-path .9s cubic-bezier(.2,.72,.2,1);
}

.home-page,
.home-page main {
    overflow-x: hidden !important;
}

.home-page [data-home-reveal="news"] { transform: translate3d(0, 32px, 0); clip-path: inset(0 7% 0 0 round 20px); }
.home-page [data-home-reveal="events"] { transform: translate3d(0, 32px, 0); clip-path: inset(0 0 0 7% round 20px); }
.home-page [data-home-reveal="guide"] { transform: translate3d(0, 36px, 0) scale(.965); }
.home-page [data-home-reveal="galleria"] { transform: translate3d(0, 28px, 0); clip-path: inset(0 50% 0 50% round 24px); }
.home-page [data-home-reveal="ribbon"] { transform: scaleX(.72); transform-origin: center; }

.home-page .home-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0,0,0) scale(1);
    clip-path: inset(0 0 0 0 round 0);
    will-change: auto;
}

.home-page [data-home-reveal="guide"] .bento-card,
.home-page [data-home-reveal="galleria"] .galleria-item,
.home-page [data-home-reveal="news"] .news-item-mini {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    transition: opacity .48s ease, transform .58s cubic-bezier(.2,.72,.2,1);
}

.home-page [data-home-reveal="guide"].is-visible .bento-card,
.home-page [data-home-reveal="galleria"].is-visible .galleria-item,
.home-page [data-home-reveal="news"].is-visible .news-item-mini {
    opacity: 1;
    transform: translate3d(0,0,0);
}

.home-page [data-home-reveal="guide"].is-visible .bento-card:nth-of-type(2),
.home-page [data-home-reveal="galleria"].is-visible .galleria-item:nth-child(2),
.home-page [data-home-reveal="news"].is-visible .news-item-mini:nth-child(2) { transition-delay: .09s; }
.home-page [data-home-reveal="guide"].is-visible .bento-card:nth-of-type(3),
.home-page [data-home-reveal="galleria"].is-visible .galleria-item:nth-child(3),
.home-page [data-home-reveal="news"].is-visible .news-item-mini:nth-child(3) { transition-delay: .17s; }
.home-page [data-home-reveal="galleria"].is-visible .galleria-item:nth-child(4) { transition-delay: .24s; }

@media (max-width: 767.98px) {
    .home-page .home-reveal {
        transform: translate3d(0, 24px, 0) !important;
        clip-path: none !important;
    }

    .home-page .home-reveal.is-visible {
        transform: translate3d(0,0,0) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    a.custom-dl-btn::before,
    .home-page .home-reveal,
    .home-page .home-reveal * {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
        transition: none !important;
    }
}

/* Header action and mobile brand refinements — 2026-08-10 */
.btn-discord-header .discord-brand-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px;
    margin: 0 !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transform: rotate(0deg);
    transition: transform .62s cubic-bezier(.2, .75, .25, 1) !important;
}

.btn-discord-header:hover .discord-brand-icon,
.btn-discord-header:focus-visible .discord-brand-icon {
    transform: rotate(360deg) !important;
}

.custom-dl-btn,
.header-top-action .custom-dl-btn {
    isolation: isolate;
    overflow: hidden !important;
    border: 0 !important;
    background: #18101f !important;
    background-size: auto !important;
    box-shadow: 0 0 12px rgba(0, 174, 255, .28), 0 6px 18px rgba(0, 0, 0, .34) !important;
    animation: downloadButtonGlow 2.8s ease-in-out infinite !important;
}

a.custom-dl-btn::before {
    position: absolute;
    inset: -165%;
    z-index: -2;
    display: block !important;
    width: auto;
    height: auto;
    border-radius: 50%;
    content: "";
    background: conic-gradient(
        from 0deg,
        #ff2e83,
        #874cff,
        #18c8ff,
        #23e0a1,
        #ffd23f,
        #ff6b35,
        #ff2e83
    );
    opacity: 1 !important;
    filter: none !important;
    animation: downloadFrameSpin 3.4s linear infinite !important;
}

a.custom-dl-btn::after {
    position: absolute;
    inset: 2px;
    z-index: -1;
    display: block !important;
    border-radius: 10px;
    content: "";
    background: linear-gradient(135deg, #211329, #15101d 58%, #1b1324);
    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
}

.custom-dl-btn:hover {
    background: #18101f !important;
    box-shadow: 0 0 18px rgba(24, 200, 255, .56), 0 9px 25px rgba(110, 55, 230, .35) !important;
}

@keyframes downloadFrameSpin {
    to { transform: rotate(360deg); }
}

@keyframes downloadButtonGlow {
    0%, 100% { box-shadow: 0 0 11px rgba(255, 46, 131, .36), 0 6px 18px rgba(0, 0, 0, .34); }
    33% { box-shadow: 0 0 15px rgba(24, 200, 255, .48), 0 6px 18px rgba(0, 0, 0, .34); }
    66% { box-shadow: 0 0 14px rgba(35, 224, 161, .42), 0 6px 18px rgba(0, 0, 0, .34); }
}

.fw-links a.footer-community-discord .footer-discord-icon {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    object-fit: contain;
    transform: rotate(0deg);
    transition: transform .55s cubic-bezier(.2, .75, .25, 1);
}

.fw-links a.footer-community-discord:hover .footer-discord-icon,
.fw-links a.footer-community-discord:focus-visible .footer-discord-icon {
    transform: rotate(360deg);
}

@media (max-width: 991.98px) {
    .brand-link {
        gap: 8px;
        padding-right: 0 !important;
    }

    .brand-copy {
        align-self: center;
        justify-content: center;
        height: auto;
        min-height: 46px;
        padding-top: 0;
    }

    .modern-logo-text {
        font-size: clamp(17px, 4.8vw, 22px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.55px !important;
    }

    .mobile-header-ticker {
        position: static;
        display: block;
        width: min(100%, 250px);
        max-width: 250px;
        height: 18px;
        margin: 2px 0 0;
        font-size: 8.7px;
        line-height: 18px;
        pointer-events: none;
    }

    .mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
        overflow: hidden !important;
        border: 0 !important;
        background: #18101f !important;
        background-size: auto !important;
    }
}

@media (max-width: 575.98px) {
    .brand-copy {
        min-height: 44px;
    }

    .modern-logo-text {
        font-size: clamp(17px, 4.8vw, 19.5px) !important;
    }

    .mobile-header-ticker {
        width: 100%;
        max-width: 230px;
        font-size: 8.2px;
    }
}

@media (max-width: 359.98px) {
    .brand-link {
        gap: 6px;
    }

    .modern-logo-text {
        font-size: 17px !important;
        letter-spacing: -.9px !important;
    }

    .mobile-header-ticker {
        max-width: 202px;
        font-size: 7.9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    a.custom-dl-btn::before,
    .btn-discord-header .discord-brand-icon,
    .footer-community-discord .footer-discord-icon {
        animation: none !important;
        transition: none !important;
    }

    .btn-discord-header:hover .discord-brand-icon,
    .btn-discord-header:focus-visible .discord-brand-icon,
    .footer-community-discord:hover .footer-discord-icon,
    .footer-community-discord:focus-visible .footer-discord-icon {
        transform: none !important;
    }
}

/* Final cascade: stable Figma-inspired neon glass download action. */
.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .02) 48%),
        linear-gradient(115deg, #ff5aa5 0%, #a36cff 38%, #5e8dff 66%, #54e8e0 100%) !important;
    background-size: 100% 100% !important;
    color: #fff !important;
    filter: none !important;
    animation: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .64),
        inset 0 -8px 18px rgba(62, 30, 130, .2),
        0 0 12px rgba(255, 80, 172, .34),
        0 0 26px rgba(91, 164, 255, .27),
        0 8px 20px rgba(0, 0, 0, .3) !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

a.custom-dl-btn::before {
    inset: 2px 3px auto !important;
    z-index: 0 !important;
    display: block !important;
    width: auto !important;
    height: 43% !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0)) !important;
    background-size: 100% 100% !important;
    opacity: .66 !important;
    filter: none !important;
    animation: none !important;
}

a.custom-dl-btn::after { display: none !important; }

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    border-color: rgba(255, 255, 255, .82) !important;
    filter: none !important;
    transform: translate3d(0, -2px, 0) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .74),
        inset 0 -8px 18px rgba(62, 30, 130, .16),
        0 0 16px rgba(255, 80, 172, .48),
        0 0 34px rgba(91, 213, 255, .38),
        0 10px 22px rgba(0, 0, 0, .32) !important;
}

.custom-dl-btn:active { transform: translate3d(0, 0, 0) !important; }

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    .custom-dl-btn:hover,
    .custom-dl-btn:focus-visible,
    a.custom-dl-btn::before {
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }
}

/* Final motion/hero cascade — keep this block last. */
.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    overflow: hidden !important;
    border-color: rgba(255, 255, 255, .68) !important;
    background: linear-gradient(110deg, #ff2bd6 0%, #7c3cff 18%, #00d5ff 36%, #00f0a8 52%, #ffe14a 68%, #ff593d 84%, #ff2bd6 100%) !important;
    background-size: 320% 100% !important;
    filter: none !important;
    animation: avtDownloadNeonFlow 3.1s linear infinite, avtDownloadGlowPulse 2.2s ease-in-out infinite !important;
    will-change: background-position;
}

a.custom-dl-btn::before {
    inset: 1px 2px auto !important;
    z-index: 0 !important;
    display: block !important;
    width: auto !important;
    height: 48% !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, 0)) !important;
    opacity: .76 !important;
    animation: none !important;
}

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    border-color: rgba(255, 255, 255, .9) !important;
    filter: saturate(1.12) brightness(1.08) !important;
    animation-duration: 1.55s, 1.1s !important;
}

.home-page .slider-area.slider-bg {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.home-page .slider-area.slider-bg::before,
.home-page .slider-area.slider-bg::after {
    position: absolute;
    z-index: 0;
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.home-page .slider-area.slider-bg::before {
    top: 12%;
    left: 50%;
    width: min(76vw, 920px);
    aspect-ratio: 1.8;
    background: radial-gradient(ellipse, rgba(228, 161, 1, .2) 0%, rgba(123, 66, 171, .09) 42%, transparent 72%);
    transform: translateX(-50%);
}

.home-page .slider-area.slider-bg::after {
    top: 26%;
    left: 50%;
    width: min(52vw, 660px);
    aspect-ratio: 1;
    border: 1px solid rgba(237, 187, 72, .1);
    box-shadow: 0 0 80px rgba(228, 161, 1, .08), inset 0 0 70px rgba(228, 161, 1, .04);
    transform: translate(-50%, -50%);
}

.home-page .slider-area.slider-bg .container {
    position: relative;
    z-index: 1;
}

.hero-welcome {
    position: relative;
    isolation: isolate;
    max-width: 990px;
    padding: 48px 54px 38px;
    border-color: rgba(241, 195, 86, .24);
    background: radial-gradient(circle at 50% 0%, rgba(228, 161, 1, .15), transparent 34%), linear-gradient(145deg, rgba(12, 8, 18, .9), rgba(24, 11, 32, .76));
    box-shadow: 0 38px 95px rgba(0, 0, 0, .52), 0 0 54px rgba(228, 161, 1, .08), inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 0 45px rgba(142, 75, 190, .05);
}

.hero-welcome::before {
    position: absolute;
    inset: 8px;
    z-index: -1;
    border: 1px solid rgba(255, 220, 136, .1);
    border-radius: 21px;
    content: "";
    pointer-events: none;
}

.hero-welcome::after {
    position: absolute;
    top: -1px;
    left: 50%;
    z-index: -1;
    width: min(58%, 480px);
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 225, 143, .95), transparent);
    box-shadow: 0 0 18px rgba(255, 201, 81, .68);
    transform: translateX(-50%);
}

.hero-welcome__title {
    font-size: clamp(3.65rem, 5.65vw, 5.55rem) !important;
    text-shadow: 0 12px 36px rgba(0, 0, 0, .58), 0 0 48px rgba(255, 255, 255, .035);
}

.hero-welcome__title-highlight {
    background-image: linear-gradient(95deg, #fff0bd 0%, #f2b83d 28%, #fff3c8 52%, #d99400 78%, #ffe49a 100%);
}

@media (max-width: 767.98px) {
    .hero-welcome { padding: 38px 18px 27px; }
    .hero-welcome__title { font-size: clamp(2.45rem, 11.5vw, 3.35rem) !important; }
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    .custom-dl-btn:hover,
    .custom-dl-btn:focus-visible {
        animation: none !important;
        background-position: 50% 50% !important;
        will-change: auto;
    }
}

/* Final action cascade: full-surface rainbow download treatment. */
@media (min-width: 992px) {
    .header-utility-list { gap: 6px !important; }
    .header-live-ticker { margin-right: -2px !important; }
    .header-live-ticker .brand-ticker-item {
        justify-content: flex-end;
        text-align: right;
    }
}

.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    background: linear-gradient(110deg, #ff2d78 0%, #8b4dff 18%, #11bfff 36%, #20d89a 53%, #ffd23f 70%, #ff6b35 84%, #ff2d78 100%) !important;
    background-size: 340% 100% !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(97,74,255,.42), 0 8px 20px rgba(0,0,0,.3) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.72);
    animation: downloadGradientFlow 5s linear infinite, downloadNeonPulse 2.5s ease-in-out infinite !important;
}

a.custom-dl-btn::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    width: auto;
    height: auto;
    border-radius: inherit;
    content: "";
    background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.4) 42%, transparent 64%);
    background-size: 240% 100%;
    opacity: .72 !important;
    filter: none !important;
    animation: downloadShimmer 2.9s linear infinite !important;
}

a.custom-dl-btn::after { display: none !important; }

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    color: #fff !important;
    box-shadow: 0 0 24px rgba(17,191,255,.62), 0 10px 28px rgba(139,77,255,.4) !important;
    transform: translateY(-2px) !important;
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    a.custom-dl-btn::before {
        animation: none !important;
        transition: none !important;
    }
}

/* =========================================================
   Site-wide QA consistency layer — 2026-08-08
   ========================================================= */

#page-transition {
    transition-duration: .22s !important;
}

@media (prefers-reduced-motion: reduce) {
    #page-transition { transition-duration: .01ms !important; }
}

.navbar-wrap ul li:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

/* Bootstrap 5 utility names used by the markup, mapped to Bootstrap 4. */
.row.g-4,
.row.gy-4 { row-gap: 1.5rem; }
.row.g-3,
.row.gy-3 { row-gap: 1rem; }
.gap-4 { gap: 1.5rem !important; }
.me-1 { margin-right: .25rem !important; }
.me-2 { margin-right: .5rem !important; }
.me-3 { margin-right: 1rem !important; }
.ms-1 { margin-left: .25rem !important; }
.ms-2 { margin-left: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.fw-bold { font-weight: 700 !important; }
.fs-3 { font-size: 1.75rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }
.display-5 { font-size: clamp(2rem, 4vw, 3rem) !important; }
.display-6 { font-size: clamp(1.75rem, 3.3vw, 2.5rem) !important; }
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.uppercase { text-transform: uppercase !important; }

@media (min-width: 768px) {
    .text-md-start { text-align: left !important; }
    .text-md-end { text-align: right !important; }
}

/* Restore a visible keyboard focus after the legacy theme reset. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid rgba(245, 200, 66, .95) !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 5px rgba(13, 6, 17, .82) !important;
}

/* The 992px desktop breakpoint needs a deliberately compact brand. */
@media (min-width: 992px) and (max-width: 1050px) {
    .brand-link { gap: 8px; }
    .logo .brand-link > img {
        width: 50px !important;
        height: 50px !important;
        flex-basis: 50px;
    }
    .modern-logo-text {
        font-size: 15.5px !important;
        letter-spacing: 0 !important;
    }
    .navbar-wrap > ul > li > a {
        padding-right: 6px !important;
        padding-left: 6px !important;
        font-size: 9.75px !important;
    }
}

/* Inner-page hero: keep long Turkish titles inside narrow screens. */
.breadcrumb-content,
.breadcrumb-content > * {
    box-sizing: border-box;
    max-width: 100%;
}

.breadcrumb-content > p,
.breadcrumb-content h1,
.breadcrumb-content h2 {
    overflow-wrap: anywhere;
}

.breadcrumb {
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 2px;
}

@media (max-width: 575.98px) {
    .slider-text-wrapper {
        padding: 18px 14px;
    }
    .custom-slider-title {
        margin-bottom: 12px !important;
        font-size: clamp(1.7rem, 8.7vw, 2.05rem) !important;
        line-height: 1.12 !important;
    }
    .custom-slider-text {
        font-size: .9rem !important;
        line-height: 1.5 !important;
    }
    .slider-area.slider-bg {
        padding-bottom: 90px;
    }

    .breadcrumb-content {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        padding: 27px 15px !important;
        border-radius: 18px;
    }

    .breadcrumb-content h1,
    .breadcrumb-content h2 {
        margin-bottom: 15px;
        font-size: clamp(27px, 9vw, 34px) !important;
        line-height: 1.14 !important;
        letter-spacing: .55px !important;
    }

    .breadcrumb-content > p {
        margin-top: 12px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        letter-spacing: .2px !important;
    }

    .breadcrumb {
        justify-content: center;
        width: auto;
        padding: 9px 13px;
        margin-bottom: 18px;
        font-size: 11px;
        line-height: 1.5;
    }
}

/* Reading rhythm for legacy inner pages. */
.inner-about-content { text-align: left; }
.inner-about-content > .container {
    padding-right: 0;
    padding-left: 0;
}
.inner-about-area .row.justify-content-between > .col-lg-10:only-child {
    margin-right: auto;
    margin-left: auto;
}

.news-content,
.legal-box,
.accordion-body,
.contact-info-card,
.contact-form-card,
.bento-about-area .bento-box p {
    text-align: left !important;
}

.news-meta {
    flex-wrap: wrap;
    row-gap: 7px !important;
}

.news-thumb {
    height: clamp(220px, 38vw, 350px) !important;
}

.news-article-link,
.gt-btn,
.btn-event-join,
.btn-hover-fx {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 18px !important;
    color: #130c17 !important;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
    text-decoration: none !important;
    background: linear-gradient(135deg, var(--avt-gold), var(--avt-gold-soft));
    border: 1px solid rgba(245, 200, 66, .8) !important;
    border-radius: 8px;
}

.news-article-link:hover,
.gt-btn:hover,
.btn-event-join:hover,
.btn-hover-fx:hover {
    color: #130c17 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(228, 161, 1, .24) !important;
}

.latest-news-card .home-news-cta {
    align-self: flex-start !important;
    min-height: 42px;
}

.news-item-mini > div:last-child { min-width: 0; }
.news-item-mini h5,
.news-item-mini h5 a,
.news-item-mini h3,
.news-item-mini h3 a {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.legal-box h2 {
    overflow-wrap: anywhere;
    font-size: clamp(1.35rem, 3.2vw, 2rem);
    line-height: 1.3;
}
.legal-box ul { padding-left: 1.25rem; }
.legal-box a { overflow-wrap: anywhere; }

.bento-about-area .cta-text p {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.contact-info-card > .d-flex > div:last-child {
    min-width: 0;
    max-width: 100%;
}
.contact-info-card a {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.contact-form-card label { display: inline-block; }
#contact-submit-btn { min-height: 48px; }

.events-calendar { text-align: left; }

.event-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-bottom: 8px;
    padding: 4px 9px;
    border: 1px solid rgba(245, 200, 66, .32);
    border-radius: 999px;
    background: rgba(245, 200, 66, .09);
    color: #f5c842;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .055em;
    text-transform: uppercase;
}

/* Gallery controls: keyboard and touch users get the same information. */
.portfolio-menu button { min-height: 42px; }
.masonry-gallery-item:focus-within {
    border-color: rgba(228, 161, 1, .72);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .55);
}
.masonry-gallery-item:focus-within .gallery-overlay {
    opacity: 1;
    pointer-events: auto;
}
.masonry-gallery-item:focus-within .zoom-icon {
    opacity: 1;
    transform: scale(1);
}
.masonry-gallery-item:focus-within .gallery-info {
    opacity: 1;
    transform: translateY(0);
}
.gallery-card-item { will-change: auto !important; }
.gallery-card-title {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
}
.gallery-info h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .8);
}

.gallery-ai-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(14, 8, 20, .84);
    color: #f5c842;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.gallery-ai-label,
.galleria-ai-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #f5c842;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .045em;
    text-transform: uppercase;
}

@media (hover: none), (pointer: coarse) {
    .masonry-gallery-item .gallery-overlay {
        opacity: 1;
        pointer-events: auto;
        background: linear-gradient(to top, rgba(8, 5, 11, .92), rgba(8, 5, 11, .04) 70%);
    }
    .masonry-gallery-item .zoom-icon,
    .masonry-gallery-item .gallery-info {
        opacity: 1;
        transform: none;
    }
    .masonry-gallery-item:hover,
    .news-item-mini:hover,
    .rule-item:hover,
    .community-card:hover,
    .bento-card:hover {
        transform: none !important;
    }
}

#close-toast {
    top: 0 !important;
    right: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}
#kvkk-accept,
#kvkk-detail { min-height: 42px; }
#kvkk-detail {
    display: inline-flex;
    align-items: center;
    padding: 7px 4px;
}

@media (max-width: 767.98px) {
    #scrollUp {
        bottom: max(var(--scroll-up-clearance, 28px), 92px) !important;
    }

    .inner-about-area > .container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .bento-about-area { padding: 64px 0 !important; }
    .bento-about-area .bento-box { border-radius: 20px !important; }
    .bento-about-area .cta-text,
    .bento-about-area .cta-text p { text-align: left !important; }

    .news-content { padding: 22px 20px !important; }
    .news-meta { font-size: 12px !important; }

    .news-item-mini {
        gap: 14px;
        padding: 15px !important;
    }
    .news-item-mini > div:first-child {
        width: 92px !important;
        height: 84px !important;
    }
    .news-item-mini h5,
    .news-item-mini h3 { font-size: 15.5px !important; }

    .legal-box { padding: 20px !important; }
    .accordion-body { overflow-wrap: anywhere; }

    .contact-info-card,
    .contact-form-card { padding: 24px !important; }
}

@media (max-width: 359.98px) {
    .custom-slider-title { font-size: 1.58rem !important; }
    .custom-slider-text { font-size: .86rem !important; }

    .news-item-mini {
        gap: 11px;
        padding: 13px !important;
    }
    .news-item-mini > div:first-child {
        width: 78px !important;
        height: 76px !important;
    }
    .news-item-mini h5,
    .news-item-mini h3 { font-size: 14.5px !important; }

    .contact-info-card,
    .contact-form-card { padding: 20px !important; }
    .contact-info-card > .d-flex { align-items: flex-start !important; }
    .contact-info-card > .d-flex .icon { margin-right: 12px !important; }
    .contact-info-card a { font-size: 13px; }
}

/* =========================================================
   Shared brand, utility actions and homepage motion — 2026-08-08
   ========================================================= */

.mobile-header-ticker {
    display: none;
}

.header-utility-list > li {
    margin: 0 !important;
}

.header-ticker-slot {
    display: flex;
    align-items: center;
    min-height: 42px;
}

.header-live-ticker {
    display: block !important;
    width: clamp(230px, 24vw, 330px);
    max-width: none;
    height: 20px;
    margin: 0 4px 0 0;
    padding: 0 4px;
    font-size: 10px;
    line-height: 20px;
}

.brand-ticker-track {
    display: block;
    animation: brandTickerFour 13.5s cubic-bezier(.72, 0, .28, 1) infinite;
    transform: translate3d(0, 0, 0);
}

.brand-ticker-item {
    height: 20px;
    line-height: 20px;
}

.brand-ticker-item i {
    flex: 0 0 auto;
    width: 14px;
    text-align: center;
}

.brand-ticker-item--active {
    color: #f2edf7;
}

.brand-ticker-item--active > i {
    color: #ff426d;
}

.ticker-neon-active {
    color: #ff3b67;
    font-weight: 900;
    text-shadow: 0 0 5px rgba(255, 44, 94, .95), 0 0 12px rgba(255, 44, 94, .68);
}

@keyframes brandTickerFour {
    0%, 20% { transform: translate3d(0, 0, 0); }
    25%, 45% { transform: translate3d(0, -25%, 0); }
    50%, 70% { transform: translate3d(0, -50%, 0); }
    75%, 100% { transform: translate3d(0, -75%, 0); }
}

.header-top-action .header-user-login > a,
.header-top-action .btn-discord-header,
.header-top-action .custom-dl-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 142px;
    height: 42px !important;
    min-height: 42px !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 17px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap;
}

.btn-discord-header {
    border-color: rgba(164, 173, 255, .55) !important;
    background: linear-gradient(135deg, #5865f2, #4650c7) !important;
    box-shadow: 0 7px 18px rgba(88, 101, 242, .3) !important;
}

.btn-discord-header > .fab {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    color: #fff !important;
    line-height: 1 !important;
    background: none !important;
    font-size: 17px !important;
}

.header-user-login > a.custom-dl-btn > i {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    color: #fff !important;
    line-height: 1 !important;
    background: none !important;
}

.custom-dl-btn {
    border: 1px solid rgba(255, 255, 255, .26) !important;
    background: linear-gradient(100deg, #d91f69, #7548df, #087ec7, #008e72, #d96800, #d91f69) !important;
    background-size: 320% 100% !important;
    box-shadow: 0 7px 18px rgba(90, 57, 205, .28) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .72);
    animation: downloadRainbowShift 6s linear infinite !important;
}

.custom-dl-btn::before,
.custom-dl-btn::after {
    display: none !important;
}

.custom-dl-btn:hover {
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(41, 149, 211, .34) !important;
    transform: translateY(-2px) !important;
}

@keyframes downloadRainbowShift {
    to { background-position: 320% 0; }
}

.footer-community-discord,
.fw-links a.footer-community-discord,
.fw-links a.footer-community-discord i {
    color: #8f9bff !important;
}

.fw-links a.footer-community-discord {
    font-weight: 800;
}

.fw-links a.footer-community-discord i {
    font-size: 15px;
}

.fw-links a.footer-community-discord:hover {
    color: #b9c0ff !important;
    text-shadow: 0 0 12px rgba(88, 101, 242, .7);
}

@media (min-width: 1200px) {
    .modern-logo-text {
        font-size: 26px !important;
        letter-spacing: .15px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .modern-logo-text {
        font-size: 18px !important;
        letter-spacing: -.2px !important;
    }

    .header-live-ticker {
        width: 218px;
        font-size: 9px;
    }

    .header-top-action .header-user-login > a,
    .header-top-action .btn-discord-header,
    .header-top-action .custom-dl-btn {
        min-width: 132px;
        height: 40px !important;
        min-height: 40px !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1050px) {
    .modern-logo-text {
        font-size: 17px !important;
    }
}

@media (max-width: 991.98px) {
    .main-menu nav {
        position: relative;
        flex-wrap: nowrap;
        min-height: 52px;
    }

    .logo {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 44px);
    }

    .brand-link {
        width: 100%;
        padding-right: 43px;
    }

    .brand-copy {
        align-self: center;
        justify-content: flex-start;
        height: 52px;
        padding-top: 6px;
    }

    .modern-logo-text {
        max-width: none;
        color: var(--avt-gold) !important;
        font-size: clamp(16px, 4.6vw, 21px) !important;
        line-height: 1.15 !important;
        letter-spacing: -.45px !important;
        white-space: nowrap !important;
    }

    .mobile-header-ticker {
        position: absolute;
        right: 48px;
        bottom: 0;
        z-index: 110;
        display: block;
        width: min(230px, calc(100% - 104px));
        max-width: none;
        height: 18px;
        margin: 0;
        overflow: hidden;
        font-size: 8.7px;
        line-height: 18px;
        pointer-events: none;
    }

    .mobile-header-ticker .brand-ticker-item {
        height: 18px;
        line-height: 18px;
    }

    .mobile-header-ticker .brand-ticker-item i {
        width: 12px;
    }

    .mean-container .mean-nav ul li.mobile-menu-actions a.btn-discord-header,
    .mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
        min-height: 46px !important;
        gap: 9px !important;
    }

    .mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
        background: linear-gradient(100deg, #d91f69, #7548df, #087ec7, #008e72, #d96800, #d91f69) !important;
        background-size: 320% 100% !important;
    }
}

@media (max-width: 575.98px) {
    .brand-copy {
        height: 46px;
        padding-top: 4px;
    }

    .modern-logo-text {
        font-size: clamp(16px, 4.6vw, 18px) !important;
    }

    .mobile-header-ticker {
        right: 44px;
        width: min(210px, calc(100% - 96px));
        font-size: 8.3px;
    }
}

@media (max-width: 359.98px) {
    .brand-link {
        padding-right: 40px;
    }

    .modern-logo-text {
        font-size: 16px !important;
        letter-spacing: -.62px !important;
    }

    .mobile-header-ticker {
        right: 41px;
        width: min(205px, calc(100% - 91px));
        font-size: 8px;
    }
}

/* Two slim, compositor-friendly separators keep the home flow lively. */
.home-flow-ribbon {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(228, 161, 1, .2);
    border-bottom: 1px solid rgba(228, 161, 1, .14);
    background: linear-gradient(90deg, #0c0710, #17101d 48%, #0c0710);
    box-shadow: inset 0 0 24px rgba(228, 161, 1, .025);
}

.home-flow-ribbon__track {
    display: flex;
    width: max-content;
    min-width: 200%;
    color: rgba(245, 200, 66, .72);
    font-size: 10px;
    font-weight: 800;
    line-height: 38px;
    letter-spacing: .18em;
    white-space: nowrap;
    text-transform: uppercase;
    animation: homeRibbonFlow 26s linear infinite;
}

.home-flow-ribbon__track > span {
    display: inline-flex;
    min-width: 50%;
    gap: 18px;
    align-items: center;
    justify-content: space-around;
    padding: 0 24px;
}

.home-flow-ribbon__track i {
    color: #5865f2;
    font-size: 4px;
}

.home-flow-ribbon--reverse .home-flow-ribbon__track {
    animation-direction: reverse;
}

@keyframes homeRibbonFlow {
    to { transform: translate3d(-50%, 0, 0); }
}

.home-page .section-title.section-title-reveal {
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition: opacity .58s ease, transform .58s cubic-bezier(.2, .75, .25, 1);
}

.home-page .section-title.section-title-reveal::before {
    transform: scaleX(.18);
    transform-origin: center;
    transition: transform .7s cubic-bezier(.2, .75, .25, 1) .12s;
}

.home-page .section-title.section-title-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.home-page .section-title.section-title-reveal.is-visible::before {
    transform: scaleX(1);
}

/* Galleria: restore visual feedback without width/reflow animation. */
@media (hover: hover) and (pointer: fine) {
    .home-page .galleria-item,
    .home-page .galleria-item.is-active {
        transition: transform .3s cubic-bezier(.2, .75, .25, 1), border-color .25s ease, box-shadow .25s ease !important;
    }

    .home-page .galleria-item:hover,
    .home-page .galleria-item:focus-visible,
    .home-page .galleria-item.is-active {
        z-index: 2;
        transform: translate3d(0, -6px, 0) scale(1.012);
    }

    .home-page .galleria-item img,
    .home-page .galleria-item:hover img,
    .home-page .galleria-item:focus-visible img,
    .home-page .galleria-item.is-active img {
        transition: transform .38s cubic-bezier(.2, .75, .25, 1) !important;
    }

    .home-page .galleria-item:hover img,
    .home-page .galleria-item:focus-visible img,
    .home-page .galleria-item.is-active img {
        transform: scale(1.028) !important;
    }

    .home-page .galleria-item:focus-visible .galleria-content,
    .home-page .galleria-item.is-active .galleria-content {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .home-page .galleria-item:focus-visible .galleria-item-title-collapsed,
    .home-page .galleria-item.is-active .galleria-item-title-collapsed {
        opacity: 0;
        transform: translate3d(-50%, 16px, 0);
    }
}

@media (max-width: 991.98px) {
    .home-page .galleria-accordion {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(300px, 72%);
        width: 100%;
        height: auto;
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 6px 4px 16px;
        contain: content;
        scroll-padding: 4px;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .home-page .galleria-item,
    .home-page .galleria-item.is-active {
        width: auto !important;
        min-height: 390px;
        flex: none !important;
        scroll-snap-align: start;
    }

    .home-page .galleria-content {
        right: 20px;
        bottom: 22px;
        left: 20px;
        opacity: 1;
        transform: none;
    }

    .home-page .galleria-item-title-collapsed {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .home-flow-ribbon__track {
        font-size: 8.5px;
        line-height: 34px;
    }

    .home-flow-ribbon__track > span {
        gap: 12px;
        padding: 0 14px;
    }

    .home-page .galleria-accordion {
        grid-auto-columns: 86%;
    }

    .home-page .galleria-item,
    .home-page .galleria-item.is-active {
        min-height: 360px;
    }

    .home-page .galleria-title {
        font-size: 21px;
    }

    .home-page .galleria-desc {
        font-size: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .brand-ticker-track,
    .custom-dl-btn,
    .home-flow-ribbon__track {
        animation: none !important;
    }

    .home-page .section-title.section-title-reveal,
    .home-page .section-title.section-title-reveal::before {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Final header cascade: actions, footer icon and compact brand layout. */
@media (min-width: 992px) {
    .header-utility-list { gap: 6px !important; }
    .header-live-ticker { margin-right: -2px !important; }
}

.btn-discord-header .discord-brand-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px;
    margin: 0 !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transform: rotate(0deg);
    transition: transform .62s cubic-bezier(.2, .75, .25, 1) !important;
}

.btn-discord-header:hover .discord-brand-icon,
.btn-discord-header:focus-visible .discord-brand-icon {
    transform: rotate(360deg) !important;
}

.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    position: relative;
    isolation: isolate;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.38) !important;
    background: linear-gradient(110deg, #ff2d78 0%, #8b4dff 18%, #11bfff 36%, #20d89a 53%, #ffd23f 70%, #ff6b35 84%, #ff2d78 100%) !important;
    background-size: 340% 100% !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(97,74,255,.42), 0 8px 20px rgba(0,0,0,.3) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.72);
    animation: downloadGradientFlow 5s linear infinite, downloadNeonPulse 2.5s ease-in-out infinite !important;
}

a.custom-dl-btn::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    display: block !important;
    width: auto;
    height: auto;
    border-radius: inherit;
    content: "";
    background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.4) 42%, transparent 64%);
    background-size: 240% 100%;
    opacity: .72 !important;
    filter: none !important;
    animation: downloadShimmer 2.9s linear infinite !important;
}

a.custom-dl-btn::after {
    display: none !important;
}

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    color: #fff !important;
    box-shadow: 0 0 24px rgba(17,191,255,.62), 0 10px 28px rgba(139,77,255,.4) !important;
    transform: translateY(-2px) !important;
}

.fw-links a.footer-community-discord .footer-discord-icon {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    object-fit: contain;
    transform: rotate(0deg);
    transition: transform .55s cubic-bezier(.2, .75, .25, 1) !important;
}

.fw-links a.footer-community-discord:hover .footer-discord-icon,
.fw-links a.footer-community-discord:focus-visible .footer-discord-icon {
    transform: rotate(360deg) !important;
}

@media (max-width: 991.98px) {
    .brand-link {
        gap: 8px !important;
        padding-right: 0 !important;
    }

    .brand-copy {
        align-self: center !important;
        justify-content: center !important;
        height: auto !important;
        min-height: 46px !important;
        padding: 0 !important;
    }

    .modern-logo-text {
        font-size: clamp(17px, 4.8vw, 22px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.55px !important;
        white-space: nowrap !important;
    }

    .mobile-header-ticker {
        position: static !important;
        inset: auto !important;
        display: block !important;
        width: min(100%, 250px) !important;
        max-width: 250px !important;
        height: 18px !important;
        margin: 2px 0 0 !important;
        font-size: 8.7px !important;
        line-height: 18px !important;
        pointer-events: none;
    }
}

@media (max-width: 575.98px) {
    .brand-copy {
        min-height: 44px !important;
    }

    .modern-logo-text {
        font-size: clamp(17px, 4.8vw, 19.5px) !important;
    }

    .mobile-header-ticker {
        width: 100% !important;
        max-width: 230px !important;
        font-size: 8.2px !important;
    }
}

@media (max-width: 359.98px) {
    .brand-link {
        gap: 6px !important;
    }

    .modern-logo-text {
        font-size: 16.7px !important;
        letter-spacing: -1px !important;
    }

    .mobile-header-ticker {
        max-width: 202px !important;
        font-size: 7.9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    a.custom-dl-btn::before,
    .btn-discord-header .discord-brand-icon,
    .footer-community-discord .footer-discord-icon {
        animation: none !important;
        transition: none !important;
    }

    .btn-discord-header:hover .discord-brand-icon,
    .btn-discord-header:focus-visible .discord-brand-icon,
    .footer-community-discord:hover .footer-discord-icon,
    .footer-community-discord:focus-visible .footer-discord-icon {
        transform: none !important;
    }
}

/* Definitive flowing neon cascade — intentionally last. */
.custom-dl-btn,
.header-top-action .custom-dl-btn,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn {
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    background: linear-gradient(110deg, #ff2bd6 0%, #7c3cff 18%, #00d5ff 36%, #00f0a8 52%, #ffe14a 68%, #ff593d 84%, #ff2bd6 100%) !important;
    background-size: 320% 100% !important;
    color: #fff !important;
    filter: none !important;
    animation: avtDownloadNeonFlow 3.1s linear infinite, avtDownloadGlowPulse 2.2s ease-in-out infinite !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
    will-change: background-position;
}

a.custom-dl-btn::before {
    inset: 1px 2px auto !important;
    z-index: 0 !important;
    display: block !important;
    width: auto !important;
    height: 48% !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .52), rgba(255, 255, 255, 0)) !important;
    background-size: 100% 100% !important;
    opacity: .76 !important;
    filter: none !important;
    animation: none !important;
}

a.custom-dl-btn::after { display: none !important; }

.custom-dl-btn:hover,
.custom-dl-btn:focus-visible {
    border-color: rgba(255, 255, 255, .9) !important;
    filter: saturate(1.12) brightness(1.08) !important;
    animation-duration: 1.55s, 1.1s !important;
    transform: translate3d(0, -2px, 0) !important;
}

.custom-dl-btn:active { transform: translate3d(0, 0, 0) !important; }

@media (prefers-reduced-motion: reduce) {
    .custom-dl-btn,
    .custom-dl-btn:hover,
    .custom-dl-btn:focus-visible,
    a.custom-dl-btn::before {
        transform: none !important;
        transition: none !important;
        animation: none !important;
        background-position: 50% 50% !important;
        will-change: auto;
    }
}

/* Clean isolated download button — the moving layer is independent of old gradients. */
@keyframes avtNeonRibbonSlide {
    from { transform: translate3d(-50%, 0, 0); }
    to { transform: translate3d(0, 0, 0); }
}

a.custom-dl-btn.custom-dl-btn--flow,
.header-top-action a.custom-dl-btn.custom-dl-btn--flow,
.mean-container .mean-nav ul li.mobile-menu-actions a.custom-dl-btn.custom-dl-btn--flow {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .7) !important;
    background: #170825 !important;
    color: #fff !important;
    filter: none !important;
    animation: none !important;
    box-shadow: 0 0 10px rgba(132, 56, 255, .38), 0 7px 18px rgba(0, 0, 0, .32) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition: transform .24s cubic-bezier(.2, .8, .2, 1), border-color .24s ease, box-shadow .24s ease !important;
    will-change: transform;
}

a.custom-dl-btn.custom-dl-btn--flow::before {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 200% !important;
    height: 100% !important;
    border-radius: 0 !important;
    content: "" !important;
    background: linear-gradient(90deg,
        #ff6dca 0%,
        #c875f5 10%,
        #8974f5 20%,
        #61a8f7 30%,
        #5cddd2 40%,
        #ff6dca 50%,
        #c875f5 60%,
        #8974f5 70%,
        #61a8f7 80%,
        #5cddd2 90%,
        #ff6dca 100%) !important;
    opacity: 1 !important;
    filter: none !important;
    transform: translate3d(-50%, 0, 0);
    animation: avtNeonRibbonSlide 4s linear infinite !important;
    will-change: transform;
    pointer-events: none;
}

a.custom-dl-btn.custom-dl-btn--flow::after {
    position: absolute !important;
    inset: 1px !important;
    z-index: 1 !important;
    display: block !important;
    border-radius: inherit !important;
    content: "" !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .26), rgba(20, 6, 35, .08) 48%, rgba(15, 3, 27, .22)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42) !important;
    pointer-events: none;
}

a.custom-dl-btn.custom-dl-btn--flow > i,
a.custom-dl-btn.custom-dl-btn--flow > .custom-dl-btn__label {
    position: relative;
    z-index: 2;
}

a.custom-dl-btn.custom-dl-btn--flow:hover,
a.custom-dl-btn.custom-dl-btn--flow:focus-visible {
    border-color: rgba(255, 255, 255, .98) !important;
    filter: none !important;
    animation: none !important;
    box-shadow:
        0 0 10px rgba(255, 25, 95, .85),
        0 0 20px rgba(255, 43, 214, .72),
        0 0 32px rgba(0, 191, 255, .64),
        0 0 44px rgba(68, 243, 107, .38),
        0 12px 24px rgba(0, 0, 0, .34) !important;
    transform: translate3d(0, 0, 0) scale(1.08) !important;
}

a.custom-dl-btn.custom-dl-btn--flow:active {
    transform: translate3d(0, 0, 0) scale(1.02) !important;
}

@media (prefers-reduced-motion: reduce) {
    a.custom-dl-btn.custom-dl-btn--flow,
    a.custom-dl-btn.custom-dl-btn--flow::before {
        animation: none !important;
        transition: none !important;
        transform: none !important;
        will-change: auto;
    }
}

/* =========================================================
   Homepage community gateway
   ========================================================= */
@keyframes gatewayFadeUp {
    from { opacity: 0; transform: translate3d(0, 22px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes gatewayTitleIn {
    from { opacity: 0; transform: translate3d(-24px, 0, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes gatewayLogoIn {
    from { opacity: 0; transform: translate3d(28px, 0, 0) scale(.88); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes gatewayAuraPulse {
    0%, 100% { opacity: .44; transform: translate(-50%, -50%) scale(.94); }
    50% { opacity: .78; transform: translate(-50%, -50%) scale(1.05); }
}

@keyframes gatewayParticleDrift {
    from { opacity: .18; transform: translate3d(0, 12px, 0) scale(.75); }
    50% { opacity: .78; }
    to { opacity: .24; transform: translate3d(14px, -18px, 0) scale(1.15); }
}

@keyframes gatewayScrollCue {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, 5px, 0); }
}

.home-page .slider-area.slider-bg {
    position: relative;
    display: flex;
    min-height: clamp(760px, 94svh, 930px);
    align-items: center;
    overflow: hidden;
    padding: clamp(180px, 19vh, 220px) 0 66px !important;
    isolation: isolate;
}

.home-page .slider-area.slider-bg::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: auto;
    height: auto;
    border-radius: 0;
    content: "";
    background:
        radial-gradient(circle at 76% 45%, rgba(224, 169, 54, .16), transparent 27%),
        radial-gradient(circle at 65% 52%, rgba(118, 55, 164, .18), transparent 44%),
        linear-gradient(90deg, rgba(8, 5, 14, .94) 0%, rgba(13, 7, 20, .8) 44%, rgba(10, 5, 16, .48) 72%, rgba(8, 4, 13, .76) 100%);
    transform: none;
}

.home-page .slider-area.slider-bg::after {
    position: absolute;
    right: -12%;
    bottom: -48%;
    left: auto;
    z-index: -1;
    width: min(72vw, 980px);
    height: min(72vw, 980px);
    border: 1px solid rgba(239, 188, 70, .09);
    border-radius: 50%;
    content: "";
    background: radial-gradient(circle, transparent 51%, rgba(228, 161, 1, .035) 52%, transparent 53%);
    box-shadow: 0 0 100px rgba(124, 54, 166, .08), inset 0 0 100px rgba(228, 161, 1, .035);
    transform: none;
}

.home-page .slider-area.slider-bg .container {
    position: relative;
    z-index: 2;
}

.hero-gateway {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: center;
    gap: clamp(42px, 6vw, 92px);
}

.hero-gateway__copy {
    position: relative;
    z-index: 3;
    max-width: 720px;
    text-align: left;
}

.hero-gateway__status {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 9px;
    margin-bottom: 25px;
    padding: 7px 12px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(17, 10, 25, .66);
    color: rgba(255, 255, 255, .76);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .105em;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    animation: gatewayFadeUp .55s ease .08s forwards;
}

.hero-gateway__status strong {
    color: #ff496d;
    text-shadow: 0 0 10px rgba(255, 50, 90, .82), 0 0 20px rgba(255, 50, 90, .35);
}

.hero-gateway__status-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #ff385f;
    box-shadow: 0 0 0 4px rgba(255, 56, 95, .1), 0 0 12px rgba(255, 56, 95, .72);
}

.hero-gateway__title {
    margin: 0 0 24px;
    font-size: clamp(3.65rem, 5.55vw, 6rem);
    font-weight: 900;
    line-height: .94;
    letter-spacing: -.055em;
    text-transform: none;
    text-shadow: 0 15px 42px rgba(0, 0, 0, .58);
}

.hero-gateway__title span,
.hero-gateway__title strong {
    display: block;
    opacity: 0;
}

.hero-gateway__title span {
    color: #fff;
    animation: gatewayTitleIn .72s cubic-bezier(.2, .8, .2, 1) .16s forwards;
}

.hero-gateway__title strong {
    margin-top: 8px;
    color: #f5c75e;
    background: linear-gradient(92deg, #fff1bd 0%, #e3a329 26%, #ffe9a0 49%, #d79517 73%, #fff0b1 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gatewayTitleIn .76s cubic-bezier(.2, .8, .2, 1) .27s forwards;
}

.hero-gateway__lead {
    max-width: 630px;
    margin: 0 0 30px;
    color: rgba(239, 235, 242, .84);
    font-size: clamp(1rem, 1.35vw, 1.16rem);
    line-height: 1.72;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .66);
    opacity: 0;
    animation: gatewayFadeUp .62s ease .4s forwards;
}

.hero-gateway__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    opacity: 0;
    animation: gatewayFadeUp .62s ease .52s forwards;
}

.hero-gateway__button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 23px;
    border-radius: 14px;
    color: #fff !important;
    font-size: 11px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: .055em;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease;
}

.hero-gateway__button--primary {
    border: 1px solid #f2c357;
    background: linear-gradient(135deg, #d99517, #ffdc76);
    color: #171009 !important;
    box-shadow: 0 12px 30px rgba(226, 158, 26, .26), inset 0 1px 0 rgba(255, 255, 255, .46);
}

.hero-gateway__button--discord {
    border: 1px solid rgba(145, 156, 255, .36);
    background: linear-gradient(135deg, rgba(88, 101, 242, .24), rgba(118, 72, 188, .22));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.hero-gateway__button--discord img {
    width: 19px;
    height: 19px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    transition: transform .55s cubic-bezier(.2, .75, .25, 1);
}

.hero-gateway__button:hover,
.hero-gateway__button:focus-visible {
    transform: translate3d(0, -3px, 0);
}

.hero-gateway__button--primary:hover,
.hero-gateway__button--primary:focus-visible {
    color: #171009 !important;
    box-shadow: 0 16px 38px rgba(226, 158, 26, .4), 0 0 28px rgba(246, 198, 88, .18);
}

.hero-gateway__button--discord:hover,
.hero-gateway__button--discord:focus-visible {
    border-color: rgba(145, 156, 255, .66);
    background: linear-gradient(135deg, rgba(88, 101, 242, .38), rgba(118, 72, 188, .34));
    box-shadow: 0 13px 30px rgba(88, 101, 242, .19), inset 0 1px 0 rgba(255, 255, 255, .12);
}

.hero-gateway__button--discord:hover img,
.hero-gateway__button--discord:focus-visible img { transform: rotate(360deg); }

.hero-gateway__visual {
    position: relative;
    display: grid;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 1;
    place-items: center;
    justify-self: end;
}

.hero-gateway__logo {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 28px 45px rgba(0, 0, 0, .5));
    opacity: 0;
    animation: gatewayLogoIn .92s cubic-bezier(.18, .82, .22, 1) .2s forwards;
}

.hero-gateway__aura {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.hero-gateway__aura--outer {
    width: 122%;
    height: 122%;
    border: 1px solid rgba(239, 190, 77, .16);
    background: radial-gradient(circle, rgba(226, 170, 48, .15), rgba(117, 53, 156, .06) 50%, transparent 70%);
    box-shadow: 0 0 90px rgba(228, 161, 1, .12);
    animation: gatewayAuraPulse 5.8s ease-in-out infinite;
}

.hero-gateway__aura--inner {
    width: 93%;
    height: 93%;
    border: 1px dashed rgba(255, 220, 135, .2);
    box-shadow: inset 0 0 70px rgba(228, 161, 1, .06);
    animation: gatewayAuraPulse 4.8s ease-in-out -1.7s infinite reverse;
}

.hero-gateway__particles {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.hero-gateway__particles span {
    position: absolute;
    top: var(--y);
    left: var(--x);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #f7c95f;
    box-shadow: 0 0 7px rgba(247, 201, 95, .84), 0 0 16px rgba(147, 74, 190, .38);
    animation: gatewayParticleDrift var(--d) ease-in-out var(--delay) infinite alternate;
}

.hero-gateway__particles span:nth-child(3n + 2) {
    width: 2px;
    height: 2px;
    background: #a779dd;
}

.hero-gateway__rail {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: clamp(42px, 5vw, 64px);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 18px;
    background: linear-gradient(90deg, rgba(15, 9, 22, .74), rgba(24, 13, 31, .62), rgba(15, 9, 22, .74));
    box-shadow: 0 18px 50px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    opacity: 0;
    animation: gatewayFadeUp .7s ease .72s forwards;
}

.hero-gateway__rail > span {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 2px 11px;
    align-items: center;
    padding: 16px 20px;
    text-align: left;
}

.hero-gateway__rail > span + span { border-left: 1px solid rgba(255, 255, 255, .07); }

.hero-gateway__rail i {
    display: grid;
    width: 38px;
    height: 38px;
    grid-row: 1 / 3;
    place-items: center;
    border: 1px solid rgba(236, 188, 73, .2);
    border-radius: 12px;
    background: rgba(228, 161, 1, .075);
    color: #efbc49;
    font-size: 14px;
}

.hero-gateway__rail strong {
    overflow: hidden;
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .08em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.hero-gateway__rail small {
    overflow: hidden;
    color: rgba(226, 220, 232, .6);
    font-size: 9px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hero-gateway__scroll {
    display: flex;
    width: max-content;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin: 22px auto 0;
    color: rgba(255, 255, 255, .48) !important;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .18em;
    text-decoration: none !important;
    text-transform: uppercase;
    opacity: 0;
    animation: gatewayFadeUp .6s ease .9s forwards;
}

.hero-gateway__scroll i {
    color: #e9b543;
    font-size: 10px;
    animation: gatewayScrollCue 1.8s ease-in-out infinite;
}

.home-page:not(.hero-gateway-ready) .hero-gateway__status,
.home-page:not(.hero-gateway-ready) .hero-gateway__title span,
.home-page:not(.hero-gateway-ready) .hero-gateway__title strong,
.home-page:not(.hero-gateway-ready) .hero-gateway__lead,
.home-page:not(.hero-gateway-ready) .hero-gateway__actions,
.home-page:not(.hero-gateway-ready) .hero-gateway__logo,
.home-page:not(.hero-gateway-ready) .hero-gateway__rail,
.home-page:not(.hero-gateway-ready) .hero-gateway__scroll,
.home-page:not(.hero-gateway-ready) .hero-gateway__aura,
.home-page:not(.hero-gateway-ready) .hero-gateway__particles span,
.home-page:not(.hero-gateway-ready) .hero-gateway__scroll i {
    animation-play-state: paused !important;
}

@media (max-width: 1199.98px) {
    .home-page .slider-area.slider-bg {
        min-height: 820px;
        padding-top: 175px !important;
    }

    .hero-gateway {
        grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
        gap: 36px;
    }

    .hero-gateway__title { font-size: clamp(3.45rem, 5.9vw, 4.7rem); }
    .hero-gateway__visual { max-width: 440px; }
    .hero-gateway__rail > span { padding: 15px 14px; }
}

@media (max-width: 991.98px) {
    .home-page .slider-area.slider-bg {
        min-height: 0;
        padding: 132px 0 62px !important;
    }

    .home-page .slider-area.slider-bg::before {
        background:
            radial-gradient(circle at 50% 27%, rgba(224, 169, 54, .15), transparent 28%),
            linear-gradient(180deg, rgba(8, 5, 14, .82), rgba(13, 7, 20, .91));
    }

    .hero-gateway {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    .hero-gateway__visual {
        grid-row: 1;
        width: min(68vw, 350px);
        justify-self: center;
    }

    .hero-gateway__copy {
        grid-row: 2;
        max-width: 700px;
        justify-self: center;
        text-align: center;
    }

    .hero-gateway__status { justify-content: center; }
    .hero-gateway__title { font-size: clamp(3.2rem, 9.4vw, 4.55rem); }
    .hero-gateway__lead { margin-right: auto; margin-left: auto; }
    .hero-gateway__actions { justify-content: center; }

    .hero-gateway__rail {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
    }

    .hero-gateway__rail > span:nth-child(3) { border-left: 0; }
    .hero-gateway__rail > span:nth-child(n + 3) { border-top: 1px solid rgba(255, 255, 255, .07); }
}

@media (max-width: 575.98px) {
    .home-page .slider-area.slider-bg { padding: 116px 0 48px !important; }
    .hero-gateway { gap: 24px; }
    .hero-gateway__visual { width: min(64vw, 270px); }

    .hero-gateway__status {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 18px;
        font-size: 7.8px;
        letter-spacing: .075em;
    }

    .hero-gateway__title {
        margin-bottom: 18px;
        font-size: clamp(2.48rem, 12.8vw, 3.4rem);
        line-height: .98;
    }

    .hero-gateway__title strong { margin-top: 5px; }

    .hero-gateway__lead {
        margin-bottom: 23px;
        font-size: .94rem;
        line-height: 1.58;
    }

    .hero-gateway__button {
        min-height: 47px;
        padding: 0 17px;
        font-size: 9.5px;
    }

    .hero-gateway__rail { margin-top: 35px; }

    .hero-gateway__rail > span {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 1px 8px;
        padding: 13px 10px;
    }

    .hero-gateway__rail i {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        font-size: 12px;
    }

    .hero-gateway__rail strong { font-size: 9px; }
    .hero-gateway__rail small { font-size: 7.5px; }
}

@media (max-width: 419.98px) {
    .hero-gateway__actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .hero-gateway__button { width: 100%; }
    .hero-gateway__visual { width: min(62vw, 230px); }
    .hero-gateway__rail small { display: none; }
    .hero-gateway__rail > span { grid-template-rows: auto; }
    .hero-gateway__rail i { grid-row: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-gateway__status,
    .hero-gateway__title span,
    .hero-gateway__title strong,
    .hero-gateway__lead,
    .hero-gateway__actions,
    .hero-gateway__logo,
    .hero-gateway__rail,
    .hero-gateway__scroll,
    .hero-gateway__aura,
    .hero-gateway__particles span,
    .hero-gateway__scroll i {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* Brand shimmer and restrained atmosphere: final cascade */
.modern-logo-text {
    background: linear-gradient(100deg, #dcae38 0%, #fff1a6 24%, #c99323 45%, #fff8cf 62%, #e5b83f 82%, #dcae38 100%) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 12px rgba(245, 200, 66, .24), 0 0 24px rgba(245, 200, 66, .08) !important;
    animation: avtBrandTitleShine 6.4s linear infinite !important;
}

.header-gold-dust {
    z-index: 3 !important;
    opacity: .38 !important;
}

#sticky-header.sticky-menu .header-gold-dust { opacity: .76 !important; }

.header-gold-dust i {
    width: 2.5px !important;
    height: 2.5px !important;
    background: #f6cf66 !important;
    box-shadow: 0 0 6px rgba(246, 207, 102, .9), 0 0 12px rgba(246, 207, 102, .36) !important;
}

.site-gold-dust i { will-change: auto !important; }
.site-gold-dust i:nth-child(n + 13) { display: none !important; }

#preloader[hidden] .preloader-logo-wrap { animation: none !important; }

.site-motion-paused .modern-logo-text,
.site-motion-paused .brand-ticker-track,
.site-motion-paused .header-gold-dust i,
.site-motion-paused .site-gold-dust i {
    animation-play-state: paused !important;
}

@media (max-width: 991.98px) {
    .site-gold-dust i:nth-child(n + 9) { display: none !important; }

    .modern-logo-text {
        max-width: none !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .modern-logo-text { font-size: 20px !important; }
}

@media (min-width: 1200px) and (max-width: 1359.98px) {
    .main-header .container-full-padding {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .logo .brand-link > img {
        width: 62px !important;
        height: 62px !important;
        flex-basis: 62px !important;
    }

    .brand-link { gap: 10px; }
    .modern-logo-text { font-size: 21px !important; }

    .header-brand-ticker {
        width: 205px !important;
        max-width: 205px !important;
        font-size: 8.4px !important;
    }

    .navbar-wrap > ul > li > a {
        padding: 25px 8px !important;
        font-size: 10.4px !important;
    }

    .header-download-launcher { margin-left: 6px; }
}

@media (max-width: 575.98px) {
    .modern-logo-text { font-size: 17.5px !important; }

    .header-brand-ticker {
        width: 100% !important;
        max-width: 190px !important;
    }
}

@media (max-width: 359.98px) {
    .modern-logo-text { font-size: 15.5px !important; }

    .header-brand-ticker { max-width: 176px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .modern-logo-text {
        background-position: 50% 50% !important;
        animation: none !important;
    }
}

/* Search, compact mobile header and lightweight welcome notice */
.footer-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    min-height: 32px;
    color: #c7c2b6;
    font: inherit;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
    transition: color .2s ease, transform .2s ease;
}

.footer-search-trigger i { color: #e7b846; }

.footer-search-trigger:hover,
.footer-search-trigger:focus-visible {
    color: #fff0b0;
    transform: translateX(3px);
}

.site-search-open,
.site-search-open body { overflow: hidden !important; }

.site-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 1000010;
    display: grid;
    place-items: center;
    padding: 20px;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: rgba(8, 5, 14, .86);
    opacity: 0;
    transition: opacity .2s ease;
}

.site-search-overlay[hidden] { display: none !important; }
.site-search-overlay.is-open { opacity: 1; }

.site-search-dialog {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    width: min(680px, 100%);
    height: min(720px, calc(100dvh - 40px));
    max-height: min(760px, calc(100dvh - 40px));
    overflow: hidden;
    color: #f6f2e9;
    background:
        radial-gradient(circle at 92% 0, rgba(246, 200, 66, .11), transparent 30%),
        linear-gradient(155deg, #1a1325 0%, #0d0a13 78%);
    border: 1px solid rgba(245, 200, 66, .32);
    border-radius: 24px;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .56), 0 0 44px rgba(245, 200, 66, .08);
    transform: translateY(16px) scale(.985);
    transition: transform .22s ease;
}

.site-search-overlay.is-open .site-search-dialog { transform: none; }

.site-search-dialog > header {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 42px;
    gap: 13px;
    align-items: center;
    padding: 22px 24px 14px;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.site-search-dialog__mark {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: #25180a;
    font-size: 19px;
    background: linear-gradient(135deg, #fff0a3, #d79d25);
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(220, 161, 41, .2);
}

.site-search-dialog header small,
.site-search-result__copy small {
    display: block;
    color: #e5bd57;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.site-search-dialog h2 {
    margin: 2px 0 0;
    color: #fff;
    font-size: clamp(22px, 4vw, 29px);
    line-height: 1.12;
}

.site-search-close {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #d9d2df;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 13px;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.site-search-close:hover,
.site-search-close:focus-visible {
    color: #161018;
    background: #f5c842;
    transform: rotate(6deg);
}

.site-search-form {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    margin: 0 24px 14px;
    padding: 0 15px;
    background: rgba(255, 255, 255, .065);
    border: 1px solid rgba(245, 200, 66, .23);
    border-radius: 15px;
}

.site-search-form > i { color: #e4b84d; }

.site-search-form input {
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    background: transparent;
    border: 0;
    outline: 0;
}

.site-search-form input::placeholder { color: #9f98a8; }

.site-search-form:focus-within {
    border-color: rgba(245, 200, 66, .72);
    box-shadow: 0 0 0 3px rgba(245, 200, 66, .09);
}

.site-search-form kbd,
.site-search-dialog > footer kbd {
    min-width: 25px;
    padding: 4px 6px;
    color: #c8c0cf;
    font: 700 10px/1.2 "Open Sans", sans-serif;
    text-align: center;
    background: #211a28;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 6px;
    box-shadow: inset 0 -1px rgba(0, 0, 0, .4);
}

.site-search-summary {
    padding: 0 25px 9px;
    color: #a9a1b2;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.site-search-results {
    display: grid;
    gap: 7px;
    min-height: 0;
    max-height: none;
    padding: 0 16px 14px;
    overflow-y: auto;
    scrollbar-color: #b18431 transparent;
    scrollbar-width: thin;
}

.site-search-result {
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 24px;
    gap: 13px;
    align-items: center;
    padding: 12px 14px;
    color: #eee9f1;
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.site-search-result:hover,
.site-search-result:focus-visible {
    color: #fff;
    background: rgba(245, 200, 66, .075);
    border-color: rgba(245, 200, 66, .36);
    transform: translateX(3px);
}

.site-search-result__icon {
    display: grid;
    width: 45px;
    height: 45px;
    place-items: center;
    color: #f0c658;
    background: rgba(245, 200, 66, .08);
    border: 1px solid rgba(245, 200, 66, .16);
    border-radius: 13px;
}

.site-search-result__copy { min-width: 0; }

.site-search-result__copy strong,
.site-search-result__copy em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-search-result__copy strong {
    margin-top: 2px;
    color: inherit;
    font-size: 14px;
    line-height: 1.35;
}

.site-search-result__copy em {
    margin-top: 2px;
    color: #a9a1b0;
    font-size: 11.5px;
    font-style: normal;
    line-height: 1.45;
}

.site-search-result__arrow {
    color: #7f7787;
    font-size: 11px;
    transition: color .18s ease, transform .18s ease;
}

.site-search-result:hover .site-search-result__arrow,
.site-search-result:focus-visible .site-search-result__arrow {
    color: #f2c85e;
    transform: translateX(2px);
}

.site-search-empty {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 35px 20px;
    color: #aaa2b0;
    text-align: center;
}

.site-search-empty > i { color: #d4a842; font-size: 25px; }
.site-search-empty strong { color: #f5f1f7; font-size: 15px; }
.site-search-empty a { color: #efc65d; text-decoration: underline; }

.site-search-dialog > footer {
    display: flex;
    justify-content: space-between;
    padding: 11px 24px 17px;
    color: #817989;
    font-size: 10px;
    border-top: 1px solid rgba(255, 255, 255, .055);
}

.site-search-dialog > footer span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.site-welcome-toast {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999994;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    gap: 11px;
    align-items: center;
    width: min(390px, calc(100vw - 36px));
    min-height: 78px;
    padding: 13px 44px 13px 13px;
    overflow: hidden;
    color: #f7f3f8;
    background: linear-gradient(140deg, rgba(28, 19, 36, .97), rgba(13, 10, 17, .985));
    border: 1px solid rgba(245, 200, 66, .28);
    border-radius: 18px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .42), 0 0 26px rgba(245, 200, 66, .07);
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .25s ease, transform .25s ease;
}

.site-welcome-toast[hidden] { display: none !important; }
.site-welcome-toast.is-visible { opacity: 1; transform: none; }

.site-welcome-toast__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #2a1b07;
    background: linear-gradient(145deg, #fff1a6, #d69a24);
    border-radius: 13px;
}

.site-welcome-toast__copy { min-width: 0; }

.site-welcome-toast__copy strong,
.site-welcome-toast__copy small {
    display: block;
    line-height: 1.35;
}

.site-welcome-toast__copy strong { color: #fff; font-size: 13px; }
.site-welcome-toast__copy small { margin-top: 2px; color: #bcb4c2; font-size: 10.5px; }

.site-welcome-toast__link {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 11px;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    background: linear-gradient(135deg, #7e65ed, #5865f2);
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 11px;
    box-shadow: 0 8px 18px rgba(88, 101, 242, .18);
    transition: transform .18s ease, box-shadow .18s ease;
}

.site-welcome-toast__link img {
    width: 17px;
    height: 17px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.site-welcome-toast__link:hover,
.site-welcome-toast__link:focus-visible { color: #fff; transform: translateY(-2px); box-shadow: 0 11px 22px rgba(88, 101, 242, .28); }

.site-welcome-toast__close {
    position: absolute;
    top: 7px;
    right: 7px;
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    padding: 0;
    color: #8f8795;
    font-size: 10px;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.site-welcome-toast__close:hover,
.site-welcome-toast__close:focus-visible { color: #fff0ab; background: rgba(245, 200, 66, .08); }

.site-welcome-toast__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, #f7d56d, #8e68ef);
    transform-origin: left;
    animation: siteWelcomeProgress 7.6s linear both;
}

.site-welcome-toast:hover .site-welcome-toast__progress,
.site-welcome-toast:focus-within .site-welcome-toast__progress { animation-play-state: paused; }

@keyframes siteWelcomeProgress {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

@media (max-width: 991.98px) {
    #sticky-header,
    #sticky-header .main-menu nav,
    #sticky-header .brand-copy,
    #sticky-header .logo .brand-link > img,
    #sticky-header .modern-logo-text {
        transition: min-height .22s ease, height .22s ease, width .22s ease, font-size .22s ease, padding .22s ease !important;
    }

    #sticky-header.sticky-menu .main-menu nav { min-height: 64px !important; }
    #sticky-header.sticky-menu .brand-link { gap: 7px !important; }

    #sticky-header.sticky-menu .logo .brand-link > img {
        width: 40px !important;
        height: 40px !important;
        flex-basis: 40px !important;
    }

    #sticky-header.sticky-menu .brand-copy {
        height: 40px !important;
        min-height: 40px !important;
        padding-top: 0 !important;
        justify-content: center !important;
    }

    #sticky-header.sticky-menu .modern-logo-text { font-size: 16px !important; }
    #sticky-header.sticky-menu .header-brand-ticker { display: none !important; }

    .mean-container a.meanmenu-reveal {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        line-height: 44px !important;
    }

    .mean-container .mean-nav a.site-search-trigger {
        display: flex !important;
        gap: 10px;
        align-items: center;
        min-height: 46px;
        margin: 7px 10px 2px;
        padding: 0 15px !important;
        color: #f3cf71 !important;
        background: rgba(245, 200, 66, .075) !important;
        border: 1px solid rgba(245, 200, 66, .18) !important;
        border-radius: 12px !important;
    }

    .mean-container .mean-nav a.site-search-trigger i { color: #f3c957 !important; }
}

@media (max-width: 575.98px) {
    .site-search-overlay { padding: 10px; }
    .footer-search-trigger { min-height: 44px; }

    .site-search-dialog {
        height: min(660px, calc(100dvh - 20px));
        max-height: calc(100dvh - 20px);
        border-radius: 19px;
    }

    .site-search-dialog > header {
        grid-template-columns: 42px minmax(0, 1fr) 40px;
        gap: 10px;
        padding: 16px 16px 12px;
    }

    .site-search-dialog__mark { width: 42px; height: 42px; border-radius: 12px; }
    .site-search-form { margin: 0 14px 11px; }
    .site-search-form input { height: 50px; font-size: 14px; }
    .site-search-form kbd { display: none; }
    .site-search-summary { padding: 0 16px 8px; }
    .site-search-results { max-height: none; padding: 0 10px 10px; }

    .site-search-result {
        grid-template-columns: 40px minmax(0, 1fr) 18px;
        gap: 10px;
        padding: 10px;
    }

    .site-search-result__icon { width: 40px; height: 40px; }
    .site-search-result__copy em { display: none; }
    .site-search-dialog > footer { display: none; }

    .site-welcome-toast {
        right: 10px;
        bottom: 10px;
        left: 10px;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        gap: 9px;
        width: auto;
        min-height: 70px;
        padding: 10px 39px 10px 10px;
        border-radius: 15px;
    }

    .site-welcome-toast__icon { width: 38px; height: 38px; border-radius: 11px; }
    .site-welcome-toast__copy strong { font-size: 12px; }
    .site-welcome-toast__copy small { font-size: 9.5px; }
    .site-welcome-toast__link { width: 38px; min-height: 38px; padding: 0; }
    .site-welcome-toast__link span { display: none; }

    #sticky-header.sticky-menu .logo .brand-link > img {
        width: 38px !important;
        height: 38px !important;
        flex-basis: 38px !important;
    }

    #sticky-header.sticky-menu .modern-logo-text { font-size: 16.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .site-search-overlay,
    .site-search-dialog,
    .site-search-result,
    .site-welcome-toast,
    .site-welcome-toast__link,
    #sticky-header,
    #sticky-header * {
        transition-duration: .01ms !important;
    }

    .site-welcome-toast__progress { animation: none !important; }
}

/* One-layer glass navigation and denser footer composition */
#sticky-header.sticky-menu {
    background: rgba(13, 8, 18, .76) !important;
    background-image: linear-gradient(105deg, rgba(255, 255, 255, .025), rgba(245, 200, 66, .025) 48%, rgba(88, 101, 242, .025)) !important;
    border-bottom: 1px solid rgba(245, 200, 66, .22) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28), inset 0 -1px rgba(255, 255, 255, .025) !important;
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    backdrop-filter: blur(16px) saturate(135%);
}

#sticky-header.sticky-menu .main-menu,
#sticky-header.sticky-menu .main-menu nav {
    background: transparent !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    #sticky-header.sticky-menu { background: rgba(13, 8, 18, .96) !important; }
}

.modern-footer {
    background:
        radial-gradient(circle at 10% 24%, rgba(245, 200, 66, .045), transparent 27%),
        radial-gradient(circle at 88% 70%, rgba(88, 101, 242, .045), transparent 28%),
        #0a070e !important;
}

.footer-portal {
    position: relative;
    z-index: 3;
    padding: 46px 0 0;
}

.footer-portal__inner {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 112px;
    padding: 22px 24px;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 10%, rgba(88, 101, 242, .09), transparent 34%),
        linear-gradient(135deg, rgba(245, 200, 66, .07), rgba(255, 255, 255, .025) 46%, rgba(88, 101, 242, .045));
    border: 1px solid rgba(245, 200, 66, .2);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
}

.footer-portal__mark {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    color: #251808;
    font-size: 21px;
    background: linear-gradient(145deg, #ffeca0, #d79c24);
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(215, 156, 36, .18);
}

.footer-portal__copy { min-width: 0; }

.footer-portal__copy small,
.footer-portal__copy strong,
.footer-portal__copy span { display: block; }

.footer-portal__copy small {
    color: #e3b94f;
    font-size: 8.5px;
    font-weight: 850;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.footer-portal__copy strong {
    margin-top: 3px;
    color: #fff;
    font-size: clamp(17px, 1.55vw, 21px);
    line-height: 1.25;
}

.footer-portal__copy span {
    margin-top: 4px;
    color: #a9a2b0;
    font-size: 10.5px;
    line-height: 1.5;
}

.footer-portal__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(82px, 1fr));
    gap: 8px;
}

.footer-portal__links a {
    display: grid;
    min-width: 86px;
    min-height: 62px;
    place-items: center;
    align-content: center;
    gap: 5px;
    padding: 7px 10px;
    color: #c6bfcd;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .032);
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 12px;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.footer-portal__links a i { color: #e4b64a; font-size: 15px; }

.footer-portal__links a:hover,
.footer-portal__links a:focus-visible {
    color: #fff0ad;
    background: rgba(245, 200, 66, .065);
    border-color: rgba(245, 200, 66, .26);
    transform: translateY(-2px);
}

.modern-footer .footer-top {
    padding: 26px 0 32px !important;
}

.modern-footer .footer-top > .container,
.modern-footer .footer-bottom > .container,
.modern-footer .footer-portal > .container {
    max-width: 1240px !important;
}

.modern-footer .footer-top .row {
    align-items: stretch !important;
}

.modern-footer .footer-top .row > [class*="col-"] {
    display: flex;
    margin-bottom: 0 !important;
}

.modern-footer .footer-top .footer-widget {
    position: relative;
    width: 100%;
    min-height: 266px;
    padding: 27px 24px 24px;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .014));
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 17px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.modern-footer .footer-top .row > div:first-child .footer-widget {
    justify-content: center;
    background:
        radial-gradient(circle at 50% 18%, rgba(245, 200, 66, .08), transparent 36%),
        linear-gradient(145deg, rgba(245, 200, 66, .04), rgba(255, 255, 255, .014));
    border-color: rgba(245, 200, 66, .13);
}

.modern-footer .footer-top .row > div:first-child .footer-logo { margin-bottom: 23px !important; }
.modern-footer .footer-top .row > div:first-child .footer-logo img { width: 98px !important; height: 98px !important; }

.modern-footer .footer-widget .fw-title {
    margin-bottom: 17px;
    padding-bottom: 11px;
    font-size: 14px;
}

.modern-footer .fw-links li { margin-bottom: 7px; }

.modern-footer .fw-links a,
.modern-footer .footer-search-trigger {
    min-height: 32px;
    font-size: 12px;
}

.modern-footer .footer-bottom {
    background: rgba(4, 3, 7, .56) !important;
    border-top: 1px solid rgba(255, 255, 255, .055);
}

@media (max-width: 1199.98px) {
    .modern-footer .footer-top > .container,
    .modern-footer .footer-bottom > .container,
    .modern-footer .footer-portal > .container { max-width: 960px !important; }

    .footer-portal__inner { grid-template-columns: 52px minmax(0, 1fr); }
    .footer-portal__mark { width: 52px; height: 52px; }
    .footer-portal__links { grid-column: 1 / -1; }
    .footer-portal__links a { min-height: 48px; grid-template-columns: auto auto; justify-content: center; }
}

@media (max-width: 991.98px) {
    #sticky-header.sticky-menu {
        background: rgba(13, 8, 18, .8) !important;
        -webkit-backdrop-filter: blur(14px) saturate(130%);
        backdrop-filter: blur(14px) saturate(130%);
    }

    .modern-footer .footer-top > .container,
    .modern-footer .footer-bottom > .container,
    .modern-footer .footer-portal > .container { max-width: 720px !important; }

    .modern-footer .footer-top .row { row-gap: 16px; }
    .modern-footer .footer-top .footer-widget { min-height: 255px; }
}

@media (max-width: 767.98px) {
    .footer-portal { padding-top: 30px; }

    .footer-portal__inner {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        padding: 24px 18px;
        text-align: center;
        border-radius: 17px;
    }

    .footer-portal__copy span { max-width: 420px; }
    .footer-portal__links { width: 100%; grid-column: auto; }
    .footer-portal__links a { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; min-height: 58px; }

    .modern-footer .footer-top { padding: 16px 0 22px !important; }
    .modern-footer .footer-top .row { row-gap: 12px; }
    .modern-footer .footer-top .row > [class*="col-"] { margin-bottom: 0 !important; }

    .modern-footer .footer-top .footer-widget {
        min-height: 0;
        padding: 25px 21px;
        border-radius: 15px;
    }

    .modern-footer .footer-widget,
    .modern-footer .footer-widget * {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .modern-footer .footer-top .row > div:first-child .footer-logo { margin-bottom: 18px !important; }
}

@media (max-width: 575.98px) {
    #sticky-header.sticky-menu {
        -webkit-backdrop-filter: blur(10px) saturate(120%);
        backdrop-filter: blur(10px) saturate(120%);
    }
}

@media (max-width: 419.98px) {
    .footer-portal__copy span { font-size: 9.5px; }
    .footer-portal__links a span { font-size: 7.5px; }
}

@media (prefers-reduced-motion: reduce) {
    .footer-portal__links a { transition: none !important; }
}

/* Compact inner-page mastheads and image-free fallbacks */
.breadcrumb-area {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: 136px 0 34px !important;
}

.breadcrumb-bg-wrap {
    background:
        radial-gradient(circle at 18% 26%, rgba(228, 161, 1, .16), transparent 30%),
        radial-gradient(circle at 82% 72%, rgba(88, 101, 242, .11), transparent 34%),
        linear-gradient(135deg, #1b101d 0%, #100a14 46%, #09070d 100%);
}

.breadcrumb-bg-wrap.has-page-image {
    background-position: center 43% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.breadcrumb-bg-wrap.has-page-image::before {
    background:
        linear-gradient(90deg, rgba(8, 5, 12, .68), rgba(8, 5, 12, .42) 50%, rgba(8, 5, 12, .68)),
        linear-gradient(0deg, rgba(8, 5, 12, .5), rgba(8, 5, 12, .18) 52%, rgba(8, 5, 12, .38)) !important;
}

.breadcrumb-content {
    width: min(100%, 790px) !important;
    padding: 25px 28px !important;
    border-radius: 19px !important;
    backdrop-filter: blur(7px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(7px) saturate(112%) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .035) !important;
}

.breadcrumb-content .breadcrumb {
    min-height: 34px;
    margin-bottom: 13px !important;
    padding: 6px 15px !important;
    font-size: 11px;
}

.breadcrumb-content h1,
.breadcrumb-content h2 {
    margin-bottom: 0 !important;
    font-size: clamp(31px, 3.3vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: 1px !important;
}

.breadcrumb-content > p {
    margin-top: 10px !important;
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    letter-spacing: .2px !important;
}

@media (min-width: 992px) and (max-width: 1359.98px) {
    .breadcrumb-area {
        margin-top: 0 !important;
        padding: 100px 0 30px !important;
    }
}

@media (max-width: 991.98px) {
    .breadcrumb-area {
        margin-top: 0 !important;
        padding: 98px 0 30px !important;
    }
}

@media (max-width: 575.98px) {
    .breadcrumb-area {
        margin-top: 0 !important;
        padding: 90px 0 24px !important;
    }

    .breadcrumb-content {
        width: calc(100% - 20px) !important;
        max-width: calc(100% - 20px) !important;
        padding: 20px 14px !important;
        border-radius: 15px !important;
    }

    .breadcrumb-content .breadcrumb {
        min-height: 30px;
        margin-bottom: 11px !important;
        padding: 5px 11px !important;
        font-size: 10px;
    }

    .breadcrumb-content h1,
    .breadcrumb-content h2 {
        font-size: clamp(24px, 7.7vw, 31px) !important;
        letter-spacing: .45px !important;
    }

    .breadcrumb-content > p {
        margin-top: 9px !important;
        font-size: 13px !important;
        line-height: 1.48 !important;
    }
}

/* Footer route: open editorial columns instead of nested cards */
.footer-portal { padding: 34px 0 0; }

.footer-portal__inner {
    min-height: 92px;
    padding: 17px 2px;
    overflow: visible;
    background: transparent;
    border: 0;
    border-top: 1px solid rgba(245, 200, 66, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .065);
    border-radius: 0;
    box-shadow: none;
}

.footer-portal__mark {
    width: 52px;
    height: 52px;
    color: #e7bb4f;
    font-size: 25px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.footer-portal__links {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.footer-portal__links a {
    display: inline-flex;
    min-width: 94px;
    min-height: 42px;
    justify-content: center;
    padding: 7px 15px;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, .09);
    border-radius: 0;
}

.footer-portal__links a:hover,
.footer-portal__links a:focus-visible {
    color: #fff0ad;
    background: transparent;
    border-color: rgba(245, 200, 66, .28);
    transform: translateY(-1px);
}

.modern-footer .footer-top { padding: 12px 0 28px !important; }
.modern-footer .footer-top .row { align-items: flex-start !important; }

.modern-footer .footer-top .row > [class*="col-"] {
    position: relative;
    display: block;
}

.modern-footer .footer-top .row > [class*="col-"] + [class*="col-"]::before {
    content: "";
    position: absolute;
    top: 18px;
    bottom: 18px;
    left: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(245, 200, 66, .18) 30%, rgba(255, 255, 255, .07) 72%, transparent);
}

.modern-footer .footer-top .footer-widget,
.modern-footer .footer-top .row > div:first-child .footer-widget {
    min-height: 0;
    padding: 28px 25px 20px;
    overflow: visible;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    .footer-portal__inner { grid-template-columns: 48px minmax(0, 1fr); }
    .footer-portal__mark { width: 48px; height: 48px; }
    .footer-portal__links { grid-column: 1 / -1; justify-content: center; }
    .footer-portal__links a { min-height: 42px; grid-template-columns: none; }
}

@media (max-width: 991.98px) {
    .modern-footer .footer-top .row { row-gap: 0; }
    .modern-footer .footer-top .row > [class*="col-"]:nth-child(3)::before { display: none; }
    .modern-footer .footer-top .row > [class*="col-"]:nth-child(n + 3) {
        border-top: 1px solid rgba(255, 255, 255, .055);
    }
}

@media (max-width: 767.98px) {
    .footer-portal { padding-top: 25px; }
    .footer-portal__inner { padding: 20px 0; border-radius: 0; }
    .footer-portal__links { width: auto; flex-wrap: wrap; }
    .footer-portal__links a { display: inline-flex; min-width: 88px; min-height: 40px; }

    .modern-footer .footer-top .row > [class*="col-"]::before { display: none !important; }
    .modern-footer .footer-top .row > [class*="col-"] + [class*="col-"] {
        border-top: 1px solid rgba(255, 255, 255, .055);
    }

    .modern-footer .footer-top .footer-widget,
    .modern-footer .footer-top .row > div:first-child .footer-widget {
        padding: 24px 18px;
        border-radius: 0;
    }
}

/* Mobile footer: compact, aligned and free of inherited auto margins */
@media (max-width: 767.98px) {
    .modern-footer .footer-portal > .container,
    .modern-footer .footer-top > .container,
    .modern-footer .footer-bottom > .container {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .footer-portal {
        padding-top: 22px;
    }

    .footer-portal__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px;
        min-height: 0;
        padding: 18px 0 16px;
        justify-items: center;
        text-align: center;
    }

    .footer-portal__mark {
        display: none;
    }

    .footer-portal__copy {
        width: 100%;
    }

    .footer-portal__copy strong {
        margin-top: 4px;
        font-size: 16px;
    }

    .footer-portal__copy span {
        max-width: 300px;
        margin: 5px auto 0;
        font-size: 9.5px;
        line-height: 1.45;
    }

    .footer-portal__links {
        grid-column: auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: min(100%, 300px);
        gap: 0;
    }

    .footer-portal__links a {
        display: inline-flex;
        min-width: 0;
        min-height: 38px;
        padding: 5px 8px;
        gap: 6px;
    }

    .footer-portal__links a:first-child {
        border-left: 0;
    }

    .footer-portal__links a i {
        margin: 0 !important;
        font-size: 12px;
    }

    .footer-portal__links a span {
        margin: 0 !important;
        font-size: 7.5px;
    }

    .modern-footer .footer-top {
        padding: 6px 0 15px !important;
    }

    .modern-footer .footer-top .row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 16px;
        row-gap: 0;
        width: 100%;
        margin: 0 !important;
    }

    .modern-footer .footer-top .row > [class*="col-"] {
        display: block;
        width: 100%;
        max-width: none;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    .modern-footer .footer-top .row > [class*="col-"]:first-child,
    .modern-footer .footer-top .row > [class*="col-"]:last-child {
        grid-column: 1 / -1;
    }

    .modern-footer .footer-top .row > [class*="col-"]:nth-child(2) {
        padding-right: 8px !important;
        border-right: 1px solid rgba(255, 255, 255, .06) !important;
    }

    .modern-footer .footer-top .row > [class*="col-"]:nth-child(3) {
        padding-left: 8px !important;
    }

    .modern-footer .footer-top .footer-widget,
    .modern-footer .footer-top .row > div:first-child .footer-widget {
        width: 100%;
        min-height: 0;
        padding: 18px 0;
        margin: 0 !important;
        text-align: left !important;
    }

    .modern-footer .footer-top .row > div:first-child .footer-widget {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        align-items: center;
        gap: 17px;
        max-width: 310px;
        margin: 0 auto !important;
        padding: 18px 2px 20px;
    }

    .modern-footer .footer-top .row > div:first-child .footer-logo,
    .modern-footer .footer-top .row > div:first-child .footer-logo a,
    .modern-footer .footer-top .row > div:first-child .footer-logo img {
        width: 68px !important;
        height: 68px !important;
        margin: 0 !important;
    }

    .modern-footer .footer-top .row > div:first-child .footer-logo img {
        object-fit: contain;
    }

    .modern-footer .footer-bio {
        width: auto !important;
        max-width: 205px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        font-size: 11px !important;
        line-height: 1.55 !important;
        text-align: left !important;
    }

    .modern-footer .footer-bio::before {
        left: -2px;
    }

    .modern-footer .footer-bio::after {
        right: 0;
    }

    .modern-footer .footer-widget .fw-title {
        margin: 0 0 9px !important;
        padding: 0 0 8px !important;
        font-size: 13px;
        text-align: left !important;
    }

    .modern-footer .footer-widget .fw-title::after {
        left: 0;
        width: 28px;
        transform: none;
    }

    .modern-footer .fw-links {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .modern-footer .fw-links li {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    .modern-footer .fw-links a,
    .modern-footer .footer-search-trigger {
        display: flex;
        width: 100%;
        min-height: 36px;
        justify-content: flex-start !important;
        align-items: center;
        gap: 7px;
        margin: 0 !important;
        padding: 5px 0 !important;
        font-size: 11.25px;
        line-height: 1.25;
        text-align: left !important;
        white-space: normal;
    }

    .modern-footer .fw-links a i,
    .modern-footer .footer-search-trigger i,
    .modern-footer .fw-links a .footer-discord-icon {
        width: 16px !important;
        min-width: 16px;
        height: 16px !important;
        margin: 0 !important;
        text-align: center;
        object-fit: contain;
    }

    .modern-footer .footer-top .row > [class*="col-"]:last-child {
        margin-top: 2px !important;
        border-top: 1px solid rgba(255, 255, 255, .06) !important;
    }

    .modern-footer .footer-top .row > [class*="col-"]:last-child .footer-widget {
        padding: 17px 0 9px;
    }

    .modern-footer .footer-top .row > [class*="col-"]:last-child .fw-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 18px;
    }

    .modern-footer .footer-bottom {
        padding: 15px 0 !important;
    }

    .modern-footer .copyright-text {
        margin: 0;
        font-size: 10.5px;
        line-height: 1.5;
    }
}

/* Desktop search entry next to the download launcher */
.header-search-button { display: none; }

@media (min-width: 1200px) {
    .header-search-button {
        display: grid;
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
        margin-left: 8px;
        padding: 0;
        place-items: center;
        color: #d8d1dd;
        background: rgba(255, 255, 255, .035);
        border: 1px solid rgba(255, 255, 255, .105);
        border-radius: 13px;
        box-shadow: inset 0 1px rgba(255, 255, 255, .04);
        cursor: pointer;
        transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
    }

    .header-search-button:hover,
    .header-search-button:focus-visible {
        color: #241707;
        background: #f5c842;
        border-color: #f7d679;
        transform: translateY(-1px);
    }

    #sticky-header.sticky-menu .header-search-button {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .header-search-button { transition: none !important; }
}

/* Stable loading stage: the complete mark is always kept inside its own square. */
#preloader {
    display: grid;
    overflow: hidden !important;
    place-items: center;
}

#preloader[hidden] {
    display: none !important;
}

#loading-center {
    position: absolute !important;
    inset: 0;
    display: grid;
    overflow: hidden;
    place-items: center;
}

#loading-center-absolute {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: grid !important;
    width: min(58vw, 220px) !important;
    height: min(58vw, 220px) !important;
    padding: 18px;
    overflow: visible !important;
    place-items: center;
    transform: none !important;
    contain: layout paint;
}

.preloader-logo-wrap {
    display: grid;
    width: 100% !important;
    height: 100%;
    overflow: visible !important;
    place-items: center;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
}

.preloader-logo-wrap::before {
    inset: -4% !important;
    border: 1px solid rgba(245, 200, 66, .14);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245, 200, 66, .2), rgba(228, 161, 1, 0) 70%) !important;
    filter: blur(12px) !important;
    animation: preloaderStageAura 1.8s ease-in-out infinite !important;
}

.preloader-logo-wrap img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    transform: none !important;
}

@keyframes preloaderStageAura {
    0%, 100% { opacity: .42; }
    50% { opacity: .92; }
}

/* Keep the location trail centered independently from legacy nav rules. */
.breadcrumb-content > nav[aria-label="breadcrumb"] {
    position: static !important;
    inset: auto !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    margin: 0 auto 13px !important;
    padding: 0 !important;
    transform: none !important;
}

.breadcrumb-content > nav[aria-label="breadcrumb"] > .breadcrumb {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
}

@media (max-width: 575.98px) {
    #loading-center-absolute {
        width: min(62vw, 184px) !important;
        height: min(62vw, 184px) !important;
        padding: 14px;
    }

    .breadcrumb-content > nav[aria-label="breadcrumb"] { margin-bottom: 11px !important; }

    .breadcrumb-content > nav[aria-label="breadcrumb"] > .breadcrumb {
        flex-wrap: wrap !important;
        max-width: calc(100% - 48px) !important;
        row-gap: 4px;
    }

    .breadcrumb-content .breadcrumb-item {
        max-width: 100%;
        white-space: normal;
    }

    .breadcrumb-content .breadcrumb-item:not(:first-child):not(:last-child) {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .preloader-logo-wrap::before { animation: none !important; }
}

/* Final brand/footer alignment and image-free content placeholders. */
.modern-footer .footer-top .row > div:first-child .footer-widget {
    display: flex !important;
    width: 100% !important;
    max-width: 310px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.modern-footer .footer-top .row > div:first-child .footer-logo,
.modern-footer .footer-top .row > div:first-child .footer-logo a,
.modern-footer .footer-top .row > div:first-child .footer-logo img {
    display: block !important;
    margin: 0 auto !important;
}

.modern-footer .footer-bio,
.modern-footer .footer-top .row > div:first-child .footer-bio {
    width: 100% !important;
    max-width: 250px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    text-align: center !important;
    white-space: normal !important;
}

.gallery-thumb > .avt-media-placeholder {
    width: 100%;
    min-height: 260px;
    border: 0;
    border-radius: 12px 12px 0 0;
}

.ai-gallery-image,
.masonry-gallery-item > .galleria-ai-cover {
    display: block;
    width: 100%;
    object-fit: cover;
}

.ai-gallery-image {
    height: 260px !important;
}

.masonry-gallery-item > .galleria-ai-cover {
    height: 360px;
}

@media (max-width: 767.98px) {
    .ai-gallery-image { height: 220px !important; }
    .masonry-gallery-item > .galleria-ai-cover { height: 300px; }
}

@media (max-width: 575.98px) {
    .modern-logo-text {
        max-width: none !important;
        font-size: clamp(17px, 4.85vw, 19.5px) !important;
        white-space: nowrap !important;
    }

    #sticky-header.sticky-menu .modern-logo-text { font-size: 18px !important; }
}

@media (max-width: 359.98px) {
    .modern-logo-text { font-size: 17px !important; }
    #sticky-header.sticky-menu .modern-logo-text { font-size: 16.5px !important; }
}

/* Performance budget: static atmosphere, cheaper scrolling and stronger mobile brand. */
.site-gold-dust { display: none !important; }

.modern-logo-text {
    animation: avtBrandTitleShine 8.2s ease-in-out infinite !important;
}

.header-gold-dust i:nth-child(n + 7) { display: none !important; }

#sticky-header.sticky-menu {
    background: rgba(13, 8, 18, .96) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.preloader-logo-wrap::before { animation: none !important; }

@media (max-width: 575.98px) {
    .modern-logo-text {
        font-size: clamp(18px, 5.35vw, 21px) !important;
    }

    #sticky-header.sticky-menu .modern-logo-text { font-size: 19px !important; }
}

@media (max-width: 359.98px) {
    .modern-logo-text { font-size: 18px !important; }
    #sticky-header.sticky-menu .modern-logo-text { font-size: 17.5px !important; }
}

/* Solid initial navigation, lightweight frosted glass after scrolling. */
#sticky-header.main-header {
    background-color: rgba(12, 8, 16, .95) !important;
    background-image: linear-gradient(105deg, rgba(245, 200, 66, .035), rgba(12, 8, 16, 0) 44%, rgba(88, 101, 242, .025)) !important;
    border-bottom: 1px solid rgba(245, 200, 66, .12) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#sticky-header.main-header.sticky-menu {
    background-color: rgba(12, 8, 16, .74) !important;
    background-image: linear-gradient(105deg, rgba(245, 200, 66, .065), rgba(12, 8, 16, .03) 48%, rgba(88, 101, 242, .05)) !important;
    border-bottom-color: rgba(245, 200, 66, .22) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .045) !important;
    -webkit-backdrop-filter: blur(16px) saturate(138%) !important;
    backdrop-filter: blur(16px) saturate(138%) !important;
}

@media (max-width: 991.98px) {
    #sticky-header.main-header {
        background-color: rgba(11, 7, 15, .985) !important;
    }

    #sticky-header.main-header.sticky-menu {
        background-color: rgba(11, 7, 15, .82) !important;
        -webkit-backdrop-filter: blur(11px) saturate(125%) !important;
        backdrop-filter: blur(11px) saturate(125%) !important;
    }

    .mean-container .mean-bar,
    .mean-container .mean-nav {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .mean-container .mean-nav { background: #0d0912 !important; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    #sticky-header.main-header.sticky-menu {
        background-color: rgba(11, 7, 15, .97) !important;
    }
}

/* Lightweight hover-only gold burst around the desktop download launcher. */
.header-download-sparkles {
    position: absolute;
    inset: -18px;
    z-index: 1;
    overflow: visible;
    pointer-events: none;
}

.header-download-launcher__toggle { z-index: 2; }

.header-download-sparkles i {
    position: absolute;
    top: var(--gold-y);
    left: var(--gold-x);
    width: var(--gold-size);
    height: var(--gold-size);
    border-radius: 50%;
    background: #fff1ae;
    box-shadow: 0 0 6px rgba(255, 235, 160, .95), 0 0 13px rgba(228, 161, 1, .68);
    opacity: 0;
    animation: headerDownloadGoldBurst .78s cubic-bezier(.18, .7, .2, 1) var(--gold-delay) both;
}

.header-download-sparkles i:nth-child(3n) {
    background: #e7ab2c;
    box-shadow: 0 0 7px rgba(231, 171, 44, .95), 0 0 15px rgba(245, 200, 66, .46);
}

@keyframes headerDownloadGoldBurst {
    0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.35); }
    20% { opacity: .95; }
    100% { opacity: 0; transform: translate3d(var(--gold-dx), var(--gold-dy), 0) scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
    .modern-logo-text,
    .header-gold-dust i,
    .header-download-sparkles i {
        animation: none !important;
        transition: none !important;
    }

    .modern-logo-text { background-position: 50% 50% !important; }
    .header-download-sparkles { display: none !important; }
}

/* Final atmospheric tuning: browser-safe brand reflection and restrained gold dust. */
.modern-logo-text {
    position: relative;
    display: inline-block;
    color: #e8b83f !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #e8b83f !important;
    animation: avtBrandTitleGlow 5.8s ease-in-out infinite !important;
}

.modern-logo-text::after {
    content: "";
    position: absolute;
    right: 1%;
    bottom: -3px;
    left: 1%;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent 0%, rgba(205, 145, 27, .28) 24%, #fff2a6 50%, rgba(205, 145, 27, .28) 76%, transparent 100%);
    background-position: 140% 50%;
    background-size: 240% 100%;
    opacity: .78;
    animation: avtBrandUnderlineShine 5.8s cubic-bezier(.45, 0, .2, 1) infinite;
    pointer-events: none;
}

@keyframes avtBrandTitleGlow {
    0%, 22%, 100% { text-shadow: 0 0 9px rgba(245, 200, 66, .15), 0 0 19px rgba(245, 200, 66, .05); }
    52% { text-shadow: 0 0 16px rgba(255, 226, 130, .36), 0 0 29px rgba(245, 200, 66, .13); }
}

@keyframes avtBrandUnderlineShine {
    0%, 18% { background-position: 140% 50%; opacity: .38; }
    56% { opacity: .92; }
    82%, 100% { background-position: -40% 50%; opacity: .38; }
}

.header-gold-dust { opacity: .52 !important; }
#sticky-header.sticky-menu .header-gold-dust { opacity: .88 !important; }
.header-gold-dust i:nth-child(n + 7) { display: block !important; }
.header-gold-dust i:nth-child(n + 10) { display: none !important; }

body.home-page .site-gold-dust {
    z-index: 2;
    display: block !important;
}

@media (min-width: 1200px) {
    .main-header .container-full-padding {
        padding-left: clamp(40px, 3.4vw, 58px) !important;
    }
}

@media (min-width: 1360px) {
    .navbar-wrap > ul > li > a {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modern-logo-text,
    .modern-logo-text::after,
    .header-gold-dust i,
    .site-gold-dust i {
        animation: none !important;
        transition: none !important;
    }

    .modern-logo-text::after { opacity: .5 !important; }
    body.home-page .site-gold-dust { display: none !important; }
}

/* Keep header utilities available on compact desktop widths. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .main-menu nav {
        flex-wrap: nowrap;
    }

    .navbar-wrap {
        min-width: 0;
    }

    .header-search-button {
        display: grid;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        margin-left: 4px;
        padding: 0;
        place-items: center;
        color: #d8d1dd;
        background: rgba(255, 255, 255, .045);
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(255, 255, 255, .045);
        cursor: pointer;
    }

    .header-search-button:hover,
    .header-search-button:focus-visible {
        color: #241707;
        background: #f5c842;
        border-color: #f7d679;
    }

    .header-download-launcher {
        position: relative;
        z-index: 220;
        display: flex !important;
        width: 36px;
        height: 36px;
        flex: 0 0 36px;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
    }

    .header-download-launcher__toggle {
        position: relative;
        display: grid;
        width: 36px;
        height: 36px;
        padding: 0;
        place-items: center;
        overflow: hidden;
        color: #f6cc65;
        background: linear-gradient(145deg, rgba(40, 26, 47, .96), rgba(18, 11, 24, .98));
        border: 1px solid rgba(250, 211, 112, .5);
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 7px 18px rgba(0, 0, 0, .25);
        cursor: pointer;
    }

    .header-download-launcher__toggle::before {
        position: absolute;
        inset: -35%;
        content: "";
        background: conic-gradient(from 90deg, transparent, rgba(245, 200, 66, .22), transparent 34%);
    }

    .header-download-launcher__toggle i {
        position: relative;
        z-index: 1;
        font-size: 14px;
    }

    .header-download-panel {
        position: absolute;
        top: calc(100% + 18px);
        right: 0;
        z-index: 230;
        width: 232px;
        padding: 19px;
        color: #fff;
        background: linear-gradient(145deg, rgba(27, 18, 34, .99), rgba(11, 7, 15, .995));
        border: 1px solid rgba(245, 200, 66, .24);
        border-radius: 17px;
        box-shadow: 0 22px 52px rgba(0, 0, 0, .52), inset 0 1px rgba(255, 255, 255, .055);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translate3d(0, -8px, 0) scale(.98);
        transform-origin: top right;
        transition: opacity .2s ease, transform .24s cubic-bezier(.2, .75, .25, 1), visibility .2s ease;
    }

    .header-download-launcher:hover .header-download-panel,
    .header-download-launcher:focus-within .header-download-panel,
    .header-download-launcher.is-open .header-download-panel {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

/* On short touch screens the complete mobile menu remains reachable. */
@media (max-width: 991.98px) {
    .mean-container .mean-nav {
        max-height: calc(100vh - 112px);
        max-height: calc(100dvh - 112px - env(safe-area-inset-bottom, 0px));
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        scrollbar-color: rgba(245, 200, 66, .5) rgba(255, 255, 255, .04);
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .mean-container .mean-nav::-webkit-scrollbar {
        width: 5px;
    }

    .mean-container .mean-nav::-webkit-scrollbar-thumb {
        background: rgba(245, 200, 66, .52);
        border-radius: 999px;
    }
}