:root {
    --bg: #05070d;
    --panel: #0b1018;
    --panel-soft: #111827;
    --text: #ffffff;
    --muted: #9ca3af;
    --line: rgba(255, 255, 255, .08);
    --brand: #ff3131;
    --warning: #ffb347;
    --blue: #9ab8ff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Cairo,sans-serif;
    color: var(--text);
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

.topbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    padding: 0 60px;
    display: flex;
    align-items: center;
    gap: 35px;
}

.brand {
    width: 65px;
    flex-shrink: 0;
}

.menu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu a {
    position: relative;
    color: #d7d7d7;
    font-size: 15px;
    font-weight: 800;
    transition: color .25s ease;
}

.menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: var(--brand);
    transition: width .25s ease;
}

.menu a:hover {
    color: var(--brand);
}

.menu a:hover::after {
    width: 100%;
}

.menu-toggle {
    display: none;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 12px;
    background: rgba(255,255,255,.05);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.menu-toggle span {
    width: 22px;
    height: 2px;
    border-radius: 20px;
    background: #fff;
}

.hero {
    min-height: calc(100vh - 55px);
    position: relative;
    background: radial-gradient(circle at 20% 50%,rgba(255,49,49,.15),transparent 30%),linear-gradient(90deg,rgba(5,7,13,.05),rgba(5,7,13,.22),rgba(5,7,13,.82),rgba(5,7,13,.98)),url("./assets/hero-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.news-section {
    width: min(1300px,90%);
    margin: auto;
    padding: 90px 0 30px;
}

.section-title {
    margin-bottom: 30px;
}

.section-title span {
    color: var(--brand);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.section-title h2 {
    margin: 8px 0;
    font-size: 38px;
    font-weight: 900;
}

.section-title p {
    color: #8e8e8e;
}

.scorer-rank {
    text-align: center;
    font-size: 24px;
}

.first {
    background: linear-gradient(90deg,rgba(255,215,0,.08),transparent);
}

.second {
    background: linear-gradient(90deg,rgba(192,192,192,.08),transparent);
}

.third {
    background: linear-gradient(90deg,rgba(205,127,50,.08),transparent);
}

.minute {
    min-width: 70px;
    text-align: center;
    color: var(--brand);
    font-size: 24px;
    font-weight: 900;
}

.footer {
    margin-top: 80px;
    padding: 60px 20px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.06);
}

.footer img {
    width: 90px;
    margin: 0 auto 15px;
    transition: transform .3s ease;
}

.footer img:hover {
    transform: scale(1.08);
}

.footer h3 {
    margin-bottom: 10px;
    font-size: 26px;
}

.footer p {
    color: #8f8f8f;
}

@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 rgba(255,49,49,0);
    }

    50% {
        box-shadow: 0 0 35px rgba(255,49,49,.25);
    }

    100% {
        box-shadow: 0 0 0 rgba(255,49,49,0);
    }
}

@media (max-width: 900px) {
    .topbar {
        height: 76px;
        padding: 0 18px;
        justify-content: space-between;
        gap: 0;
    }

    .brand {
        width: 55px;
        order: 1;
    }

    .menu-toggle {
        display: flex;
    }

    .menu a:hover {
        background: rgba(255,255,255,.05);
    }

    .hero {
        min-height: 82vh;
        background-position: center;
    }

    .news-section {
        width: 90%;
        padding: 65px 0 20px;
    }

    .section-title h2 {
        font-size: 30px;
    }
}

body {
    transition: background .35s ease,color .35s ease;
}

.theme-toggle {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255,255,255,.055);
    color: var(--text);
    transition: transform .25s ease,background .25s ease,border-color .25s ease;
}

.theme-toggle:hover {
    transform: translateY(-2px);
    border-color: rgba(255,49,49,.35);
    background: rgba(255,49,49,.12);
}

.theme-icon {
    font-size: 20px;
    line-height: 1;
}

.admin-form {
    display: grid;
    gap: 16px;
}

.admin-form input,
.admin-form textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    outline: 0;
    background: rgba(255,255,255,.06);
    color: var(--text);
    font-family: inherit;
    font-size: 15px;
    transition: border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.admin-form textarea {
    min-height: 190px;
    resize: vertical;
}

.admin-form input:focus,
.admin-form textarea:focus {
    border-color: rgba(255,49,49,.55);
    box-shadow: 0 0 0 4px rgba(255,49,49,.12);
}

.admin-form button {
    padding: 16px 24px;
    border: 0;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 900;
    transition: transform .25s ease,box-shadow .25s ease;
}

.admin-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(255,49,49,.22);
}

#adminMessage {
    margin-top: 18px;
    font-weight: 900;
}

@media (max-width: 900px) {
    .theme-toggle {
        width: 44px;
        height: 44px;
        order: 2;
    }

    .menu-toggle {
        order: 3;
    }
}

.category-page-section {
    position: relative;
    z-index: 2;
    padding: 80px 7vw;
}

.category-news-grid,
.page-news-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 22px;
}

.category-news-card {
    text-decoration: none;
    color: #fff;
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
}

.category-news-card:hover {
    box-shadow: 0 32px 90px rgba(255,49,49,.16);
}

.category-news-image {
    position: absolute;
    inset: 0;
    transition: transform .55s ease;
}

.category-news-card:hover .category-news-image {
    transform: scale(1.08);
}

.category-news-content {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 2;
}

.admin-form select {
    width: 100%;
    height: 54px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    color: #fff;
    padding: 0 16px;
    font-family: inherit;
    font-weight: 800;
    outline: 0;
}

.admin-form select option {
    background: #101827;
    color: #fff;
}

@media (max-width: 900px) {
    .category-page-section {
        padding: 54px 18px;
    }

    html[data-theme=dark] .menu {
        background: #101827;
    }
}

.category-page .category-news-grid,
body.category-page .category-news-grid {
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
}

.category-page .category-news-card:nth-child(n+5),
body.category-page .category-news-card:nth-child(n+5) {
    display: block;
}

@media (max-width: 900px) {
    .topbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }

    .menu {
        display: flex !important;
        position: fixed;
        top: 74px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: calc(100vh - 94px);
        flex-direction: column;
        gap: 8px;
        padding: 18px;
        border-radius: 22px;
        background: rgba(7,11,22,.96);
        border: 1px solid rgba(255,255,255,.1);
        transform: translateY(-12px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .3s ease;
        z-index: 9998;
        backdrop-filter: blur(16px);
    }

    .menu.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .menu a {
        display: block;
        padding: 13px 14px;
        border-radius: 14px;
        background: rgba(255,255,255,.04);
    }
}

.sidebar-title span {
    color: #ff3131;
    font-size: 12px;
    letter-spacing: 1.8px;
    font-weight: 900;
}

.sidebar-title h2 {
    margin: 5px 0 16px;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
}

.related-news-list {
    display: grid;
    gap: 12px;
}

.related-news-card {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 12px;
    padding: 10px;
    color: #fff;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
    transition: .25s ease;
}

.related-news-card:hover {
    transform: translateY(-2px);
    border-color: rgba(255,49,49,.4);
}

.related-thumb {
    min-height: 76px;
    border-radius: 12px;
    background-size: cover;
    background-position: center;
}

.related-news-card span {
    color: #ffb347;
    font-size: 11px;
    font-weight: 900;
}

.related-news-card h3 {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 900;
}

.home-page {
    --home-radius-lg: 30px;
    --home-radius-md: 22px;
}

.home-page .topbar {
    min-height: 74px;
    box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.home-page .hero {
    display: flex;
    align-items: center;
}

.home-page .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.home-page .section-title span {
    color: #ff3131;
    font-weight: 900;
    letter-spacing: 2px;
}

.home-page .news-section {
    width: min(1280px,90%);
    margin: 0 auto 78px;
}

.home-page .category-news-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
}

.home-page .category-news-card:nth-child(n+5) {
    display: none;
}

.home-page .category-news-card {
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.085);
    transition: .25s ease;
}

.home-page .category-news-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255,49,49,.38);
}

.home-page .category-news-image {
    min-height: 180px;
}

@media (max-width: 1000px) {
    .home-page .category-news-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 760px) {
    .home-page .topbar {
        min-height: 68px;
    }

    .home-page .menu {
        display: flex !important;
        position: fixed;
        top: 76px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: calc(100vh - 96px);
        flex-direction: column;
        gap: 8px;
        padding: 18px;
        border-radius: 22px;
        background: rgba(7,11,22,.96);
        border: 1px solid rgba(255,255,255,.1);
        transform: translateY(-12px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: .28s ease;
        z-index: 9998;
        backdrop-filter: blur(16px);
    }

    .home-page .menu.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .home-page .menu a {
        display: block;
        padding: 13px 14px;
        border-radius: 14px;
        background: rgba(255,255,255,.04);
    }

    .home-page .category-news-grid {
        grid-template-columns: 1fr;
    }

    .home-page .category-news-card:first-child .category-news-image {
        min-height: 210px;
    }

    .home-page .category-news-card:not(:first-child) {
        display: grid;
        grid-template-columns: 104px 1fr;
        min-height: 112px;
        border-radius: 18px;
    }

    .home-page .category-news-card:not(:first-child) .category-news-image {
        height: 100%;
        min-height: 100%;
    }

    .home-page .category-news-card:not(:first-child) .category-news-content {
        padding: 12px;
    }

    .home-page .category-news-card:not(:first-child) h3 {
        font-size: 14px;
        line-height: 1.55;
        margin: 4px 0;
    }

    .home-page .category-news-card:not(:first-child) p {
        display: none;
    }
}

.home-page .match-center-panel.is-changing {
    animation: matchPanelIn .28s ease both;
}

@keyframes matchPanelIn {
    from {
        opacity: .55;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-news-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
}

.category-news-card {
    min-height: 310px;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.1);
    transition: .3s ease;
}

.category-news-card:hover {
    transform: translateY(-7px);
    border-color: rgba(255,49,49,.5);
}

.category-news-image {
    height: 180px;
    background-size: cover;
    background-position: center;
}

.category-news-content {
    padding: 16px;
}

.category-news-content span {
    color: #ff3131;
    font-weight: 900;
    font-size: 12px;
}

.category-news-content h2 {
    font-size: 17px;
    line-height: 1.6;
    margin: 8px 0;
    color: #fff;
}

.category-news-content p {
    color: #aeb7cc;
    font-size: 14px;
    line-height: 1.7;
}

@media (max-width: 900px) {
    .category-news-grid {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 600px) {
    .category-news-grid {
        grid-template-columns: 1fr;
    }

    .category-news-card {
        min-height: auto;
    }
}

.login-page {
    min-height: 100vh;
    font-family: Cairo,sans-serif;
    background: radial-gradient(circle at 20% 18%,rgba(255,49,49,.2),transparent 30%),radial-gradient(circle at 80% 82%,rgba(255,179,71,.14),transparent 32%),#070b16;
    color: #fff;
    overflow-x: hidden;
}

.login-card {
    width: min(100%,470px);
    padding: 38px;
    border-radius: 34px;
    background: radial-gradient(circle at top right,rgba(255,49,49,.14),transparent 35%),rgba(11,18,32,.86);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 30px 90px rgba(0,0,0,.35);
    backdrop-filter: blur(18px);
    animation: loginCardIn .75s cubic-bezier(.16,1,.3,1) both;
}

.login-card h2 {
    font-size: 38px;
    margin: 0 0 8px;
}

.login-card > p {
    color: #aeb7cc;
    margin: 0 0 24px;
    font-weight: 700;
    line-height: 1.8;
}

.login-form {
    display: grid;
    gap: 16px;
}

.login-form label {
    display: grid;
    gap: 8px;
}

.login-form label span {
    color: #d9deea;
    font-size: 13px;
    font-weight: 900;
}

.login-form input {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.09);
    background: rgba(255,255,255,.07);
    color: #fff;
    outline: 0;
    font-family: inherit;
    font-size: 15px;
    transition: .24s ease;
}

.login-form input:focus {
    border-color: rgba(255,49,49,.65);
    box-shadow: 0 0 0 4px rgba(255,49,49,.12);
    background: rgba(255,255,255,.095);
}

.login-form button {
    min-height: 56px;
    margin-top: 6px;
    border: 0;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(135deg,#ff3131,#b80f18);
    font-family: inherit;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 18px 42px rgba(255,49,49,.22);
    transition: .25s ease;
}

.login-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 24px 52px rgba(255,49,49,.32);
}

.login-message {
    min-height: 24px;
    margin: 16px 0 0 !important;
    font-weight: 900;
}

@keyframes loginCardIn {
    from {
        opacity: 0;
        transform: translateY(24px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 900px) {
    .login-card {
        border-radius: 28px;
        padding: 28px;
    }
}

@media (max-width: 560px) {
    .login-card {
        padding: 22px;
        border-radius: 24px;
    }

    .login-card h2 {
        font-size: 30px;
    }
}

.category-news-grid,
.category-page-section,
.news-section,
.page-news-grid {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

@media (max-width: 900px) {
    .page-news-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
}

@media (max-width: 760px) {
    .category-page .category-page-section,
    .home-page .news-section {
        width: 92% !important;
        margin: 42px auto !important;
        padding: 0 !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    .category-page .page-news-grid,
    .home-page .category-news-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    .category-page .category-news-card {
        width: 100% !important;
        min-height: 136px !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: 118px minmax(0,1fr) !important;
        align-items: stretch !important;
        border-radius: 22px !important;
        overflow: hidden !important;
        position: relative !important;
        background: linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.04)) !important;
        border: 1px solid rgba(255,255,255,.11) !important;
        box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
    }

    .category-page .category-news-card:first-child {
        min-height: 136px !important;
        display: grid !important;
        grid-template-columns: 118px minmax(0,1fr) !important;
    }

    .category-page .category-news-card:first-child .category-news-image,
    .category-page .category-news-image {
        position: relative !important;
        inset: auto !important;
        width: 118px !important;
        height: 100% !important;
        min-height: 136px !important;
        display: block !important;
        opacity: 1 !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .category-page .category-news-content {
        position: relative !important;
        z-index: 2 !important;
        padding: 13px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        text-align: right !important;
        min-width: 0 !important;
    }

    .category-page .category-news-content span {
        display: inline-flex !important;
        max-width: 100% !important;
        margin-bottom: 6px !important;
        padding: 4px 8px !important;
        border-radius: 999px !important;
        background: rgba(255,49,49,.15) !important;
        color: #ff6767 !important;
        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .category-page .category-news-content h2 {
        width: 100% !important;
        margin: 0 !important;
        color: #fff !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        font-weight: 900 !important;
        text-align: right !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .category-page .category-news-content p {
        display: block !important;
        margin: 6px 0 0 !important;
        color: #b7bfd2 !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
        text-align: right !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 1 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

.hero-news-slider {
    border: 1px solid rgba(255,255,255,.09);
}

.hero-news-loading {
    width: 100%;
    height: 500px;
    display: grid;
    place-items: center;
    gap: 10px;
}

.hero-news-loading span {
    width: 55%;
    height: 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    animation: pulseGlow 1.7s infinite;
}

.breaking-track {
    white-space: nowrap;
    direction: ltr;
}

.breaking-track div {
    display: inline-flex;
    gap: 34px;
    animation: breakingMove 28s linear infinite;
}

.breaking-track a,
.breaking-track span {
    text-decoration: none;
    direction: rtl;
}

@keyframes breakingMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.category-side-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.empty-news {
    width: 100%;
    padding: 22px;
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    color: #aeb7cc;
    font-weight: 800;
    text-align: center;
}

@media (max-width: 760px) {
    .category-side-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
}

.news-search-box input {
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.07);
    font-family: Cairo,sans-serif;
    font-weight: 800;
}

.news-search-box input:focus {
    border-color: rgba(255,49,49,.55);
    box-shadow: 0 0 0 4px rgba(255,49,49,.12);
}

.news-filter-tabs {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.news-filter-tabs button {
    min-height: 44px;
    padding: 0 15px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.08);
    font-family: Cairo,sans-serif;
    font-weight: 900;
    transition: .22s ease;
}

.news-filter-tabs button.active,
.news-filter-tabs button:hover {
    background: linear-gradient(135deg,#ff3131,#b80f18);
}

.news-center-skeleton {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.news-center-skeleton span {
    height: 260px;
    border-radius: 26px;
    background: linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
    animation: pulseGlow 1.5s infinite;
}

.pagination {
    margin-top: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pagination button {
    min-width: 42px;
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: rgba(255,255,255,.08);
    font-family: Cairo,sans-serif;
    font-weight: 900;
}

.pagination button.active {
    background: linear-gradient(135deg,#ff3131,#b80f18);
}

.pagination button:disabled {
    opacity: .35;
}

@media (max-width: 1000px) {
    .news-center-skeleton {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .news-filter-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .news-filter-tabs button {
        min-width: max-content;
    }

    .news-center-skeleton {
        grid-template-columns: 1fr;
    }

    .news-center-skeleton span {
        height: 140px;
    }
}

.admin-dashboard-page {
    padding: 0;
}

.cms-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    width: 285px;
    padding: 26px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    backdrop-filter: blur(18px);
}

.cms-logo {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-weight: 900;
    font-size: 18px;
}

.cms-logo img {
    width: 56px;
}

.cms-nav {
    display: grid;
    gap: 10px;
}

.cms-nav a {
    padding: 13px 14px;
    color: #cfd6e6;
    background: rgba(255,255,255,.035);
    border: 1px solid transparent;
    font-weight: 900;
}

.cms-nav a.active,
.cms-nav a:hover {
    color: #fff;
}

.cms-logout {
    margin-top: auto;
    min-height: 48px;
    border: 0;
    border-radius: 16px;
    color: #fff;
    background: linear-gradient(135deg,#ff3131,#b80f18);
    font-family: Cairo,sans-serif;
    font-weight: 900;
}

.cms-main {
    margin-right: 285px;
    padding: 32px;
}

.cms-top {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cms-panel-head span,
.cms-top span {
    color: #ffb347;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.cms-top h1 {
    margin: 6px 0 0;
    font-size: 34px;
    font-weight: 900;
}

.cms-user {
    min-width: 220px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.08);
    text-align: left;
    direction: ltr;
}

.cms-user small,
.cms-user strong {
    display: block;
}

.cms-user small {
    color: #aeb7cc;
    font-weight: 800;
}

.cms-grid {
    display: grid;
    grid-template-columns: minmax(380px,.82fr) minmax(0,1.18fr);
    gap: 20px;
    align-items: start;
}

.cms-panel {
    padding: 24px;
    border-radius: 30px;
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 22px 70px rgba(0,0,0,.18);
}

.cms-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
}

.cms-panel-head h2 {
    margin: 6px 0 0;
    font-size: 27px;
    font-weight: 900;
}

.cms-light-btn {
    min-height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    background: rgba(255,255,255,.08);
    font-family: Cairo,sans-serif;
    font-weight: 900;
}

.cms-news-form {
    display: grid;
    gap: 15px;
}

.cms-news-form label {
    display: grid;
    gap: 8px;
}

.cms-news-form label span {
    color: #d9deea;
    font-size: 13px;
    font-weight: 900;
}

.cms-news-form input,
.cms-news-form select,
.cms-news-form textarea,
.cms-table-tools input,
.cms-table-tools select {
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.07);
    font-family: Cairo,sans-serif;
    font-weight: 800;
}

.cms-news-form textarea {
    min-height: 170px;
    padding: 14px;
    resize: vertical;
    line-height: 1.8;
}

.cms-news-form input:focus,
.cms-news-form select:focus,
.cms-news-form textarea:focus,
.cms-table-tools input:focus,
.cms-table-tools select:focus {
    border-color: rgba(255,49,49,.55);
    box-shadow: 0 0 0 4px rgba(255,49,49,.11);
}

.cms-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.cms-image-view {
    padding: 14px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px dashed rgba(255,255,255,.14);
}

.cms-image-view span {
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.55);
    font-size: 12px;
    font-weight: 900;
}

.cms-submit {
    min-height: 54px;
    border: 0;
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(135deg,#ff3131,#b80f18);
    font-family: Cairo,sans-serif;
    font-size: 16px;
    font-weight: 900;
    box-shadow: 0 16px 40px rgba(255,49,49,.2);
}

.cms-submit:disabled {
    opacity: .6;
}

.cms-message {
    min-height: 24px;
    margin-top: 14px;
    font-weight: 900;
}

.cms-table-tools {
    display: grid;
    grid-template-columns: 1fr 210px;
    gap: 12px;
    margin-bottom: 16px;
}

.cms-news-list {
    display: grid;
    gap: 12px;
}

.cms-news-row {
    display: grid;
    grid-template-columns: 86px minmax(0,1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
}

.cms-row-image {
    width: 86px;
    height: 70px;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-color: rgba(255,255,255,.08);
}

.cms-row-main {
    min-width: 0;
}

.cms-row-main span {
    display: inline-flex;
    padding: 4px 8px;
    margin-bottom: 5px;
    border-radius: 999px;
    color: #ff6868;
    background: rgba(255,49,49,.14);
    font-size: 10px;
    font-weight: 900;
}

.cms-row-main h3 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cms-row-main p {
    margin-top: 4px;
    color: #aeb7cc;
    font-size: 12px;
    font-weight: 800;
}

.cms-row-actions {
    display: flex;
    gap: 8px;
}

.cms-row-actions button {
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.09);
    font-family: Cairo,sans-serif;
    font-weight: 900;
}

.cms-row-actions button.danger {
    background: rgba(255,49,49,.16);
    color: #ff8585;
}

.cms-empty {
    padding: 24px;
    border-radius: 20px;
    color: #aeb7cc;
    text-align: center;
    font-weight: 900;
}

.cms-toast {
    position: fixed;
    left: 24px;
    bottom: 24px;
    z-index: 20000;
    min-width: 260px;
    max-width: 360px;
    padding: 15px 18px;
    border-radius: 18px;
    color: #fff;
    background: rgba(17,24,39,.96);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 18px 55px rgba(0,0,0,.35);
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: .28s ease;
    font-weight: 900;
}

.cms-toast.show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.cms-toast.error {
    background: rgba(127,29,29,.96);
}

@media (max-width: 1180px) {
    .cms-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .cms-sidebar {
        position: relative;
        width: 100%;
        min-height: auto;
        flex-direction: column;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .cms-main {
        margin-right: 0;
        padding: 18px;
    }

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

    .cms-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .cms-user {
        width: 100%;
    }

    .cms-form-row,
    .cms-table-tools {
        grid-template-columns: 1fr;
    }

    .cms-news-row {
        grid-template-columns: 72px minmax(0,1fr);
    }

    .cms-row-image {
        width: 72px;
        height: 70px;
    }

    .cms-row-actions {
        grid-column: 1/-1;
        justify-content: flex-end;
    }
}

.cms-upload-box {
    min-height: 142px;
    display: grid;
    place-items: center;
    padding: 18px;
    border-radius: 22px;
    text-align: center;
    background: radial-gradient(circle at top right,rgba(255,49,49,.14),transparent 38%),rgba(255,255,255,.055);
    border: 1px dashed rgba(255,255,255,.22);
    transition: .25s ease;
}

.cms-upload-box.dragover,
.cms-upload-box:hover {
    border-color: rgba(255,49,49,.75);
    background: radial-gradient(circle at top right,rgba(255,49,49,.22),transparent 38%),rgba(255,255,255,.075);
    transform: translateY(-2px);
}

.cms-upload-box input {
    display: none;
}

.cms-upload-box strong {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.cms-upload-box span {
    margin-top: 6px;
    color: #aeb7cc;
    font-size: 13px;
    font-weight: 800;
}

.cms-upload-progress {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    display: none;
}

.cms-upload-progress.active {
    display: block;
}

.cms-upload-progress span {
    width: 0%;
    height: 100%;
    display: block;
    border-radius: 999px;
    background: linear-gradient(135deg,#ff3131,#ffb347);
    transition: width .28s ease;
}

@media (max-width: 820px) {
    .cms-upload-box {
        min-height: 128px;
    }
}

.article-back-link {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 9px 15px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.1);
    font-weight: 900;
}

.article-pro-shell {
    width: min(1320px,92%);
    margin: -42px auto 70px;
    position: relative;
    z-index: 3;
    display: grid;
    align-items: start;
}

.article-share-box {
    position: sticky;
    top: 105px;
    display: grid;
    gap: 10px;
}

.article-share-box button {
    color: #fff;
    border: 1px solid rgba(255,255,255,.08);
    font-family: Cairo,sans-serif;
    font-size: 12px;
    font-weight: 900;
    transition: .22s ease;
}

.article-share-box button:hover {
    background: linear-gradient(135deg,#ff3131,#b80f18);
    transform: translateY(-2px);
}

.article-pro-content,
.article-side-card {
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 26px 80px rgba(0,0,0,.18);
}

.article-info-card {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 28px;
}

.article-info-card div {
    padding: 16px;
    border-radius: 20px;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.07);
}

.article-info-card span {
    display: block;
    margin-bottom: 6px;
    color: #ffb347;
    font-size: 11px;
    font-weight: 900;
}

.article-info-card strong {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.article-body-pro {
    color: #e7ebf4;
    font-size: 19px;
    line-height: 2.15;
    font-weight: 600;
}

.article-body-pro p {
    margin: 0 0 24px;
}

.article-body-pro h2 {
    margin: 36px 0 16px;
    color: #fff;
    font-size: 32px;
    line-height: 1.45;
    font-weight: 900;
}

.article-body-pro blockquote {
    margin: 30px 0;
    padding: 20px 24px;
    border-right: 4px solid #ff3131;
    border-radius: 20px;
    color: #fff;
    background: rgba(255,49,49,.1);
    font-size: 21px;
    font-weight: 900;
}

.article-side-column {
    display: grid;
    gap: 18px;
}

.article-side-card {
    padding: 20px;
}

.pro-related-list {
    display: grid;
    gap: 12px;
}

.article-navigation {
    margin-top: 36px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.article-navigation a {
    min-height: 110px;
    padding: 18px;
    border-radius: 22px;
    color: #fff;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    transition: .22s ease;
}

.article-navigation a:hover {
    background: rgba(255,49,49,.12);
    border-color: rgba(255,49,49,.32);
}

.article-navigation span {
    display: block;
    color: #ffb347;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 7px;
}

.article-navigation strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.6;
}

.article-bottom-related {
    width: min(1320px,92%);
    margin: 0 auto 80px;
}

.bottom-related-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.bottom-related-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 22px;
    border-radius: 28px;
    color: #fff;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 20px 60px rgba(0,0,0,.16);
}

.bottom-related-card div {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: .45s ease;
}

.bottom-related-card:hover div {
    transform: scale(1.06);
}

.bottom-related-card h3,
.bottom-related-card span {
    position: relative;
    z-index: 2;
}

.bottom-related-card span {
    width: max-content;
    padding: 5px 9px;
    border-radius: 999px;
    color: #ff6868;
    background: rgba(255,49,49,.15);
    font-size: 10px;
    font-weight: 900;
}

.bottom-related-card h3 {
    margin: 10px 0 0;
    font-size: 20px;
    line-height: 1.55;
}

.image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    place-items: center;
    padding: 24px;
    background: rgba(0,0,0,.86);
}

.image-lightbox.active {
    display: grid;
}

.image-lightbox img {
    max-width: 94vw;
    max-height: 88vh;
    border-radius: 22px;
    box-shadow: 0 24px 90px rgba(0,0,0,.45);
}

.image-lightbox button {
    position: absolute;
    top: 22px;
    left: 22px;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: #ff3131;
    font-size: 28px;
    font-weight: 900;
}

@media (max-width: 1120px) {
    .article-share-box {
        position: relative;
        top: auto;
        grid-template-columns: repeat(4,1fr);
        order: 2;
    }

    .article-pro-content {
        order: 1;
    }

    .article-side-column {
        order: 3;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .article-pro-shell {
        width: 92%;
        margin: -28px auto 52px;
    }

    .article-pro-content,
    .article-side-card {
        padding: 18px;
    }

    .article-body-pro {
        font-size: 17px;
        line-height: 2;
    }

    .article-body-pro h2 {
        font-size: 25px;
    }

    .article-side-column {
        grid-template-columns: 1fr;
    }

    .article-navigation {
        grid-template-columns: 1fr;
    }

    .bottom-related-grid {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 901px) {
    .menu {
        gap: 18px;
        flex-wrap: wrap;
    }

    .menu a {
        font-size: 13px;
    }
}

@media (max-width: 900px) {
    .menu.active {
        max-height: calc(100vh - 90px);
        overflow-y: auto;
        padding-bottom: 18px;
    }
}

@media (max-width: 900px) {
    .menu.active a {
        width: 100%;
        padding: 10px 4px;
    }
}

.cms-row-badges {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.cms-row-badges span {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    color: #ff6868;
    background: rgba(255,49,49,.14);
    font-size: 10px;
    font-weight: 900;
}

textarea#content {
    display: block !important;
}

.article-body-pro iframe,
.bottom-related-card iframe,
.category-news-card iframe,
.related-news-card iframe {
    display: none !important;
}

.home-page > .hero {
    margin-top: 0 !important;
}

body.dark {
    --bg: #0b1220;
    --card: #111a2e;
    --text: #ffffff;
    --muted: #aab3c2;
}

.dark .card {
    background: linear-gradient(145deg,#111a2e,#0b1220) !important;
    color: #fff;
}

.pro-footer {
    direction: rtl !important;
    width: min(94%,1180px) !important;
    margin: 26px auto 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.09) !important;
}

.pro-footer-top {
    min-height: 74px !important;
    padding: 14px 18px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 18px !important;
}

.pro-footer-brand {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    text-decoration: none !important;
    color: #fff !important;
    white-space: nowrap !important;
}

.pro-footer-brand img {
    width: 44px !important;
    height: 44px !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.pro-footer-brand span {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.2 !important;
}

.pro-footer-brand strong {
    font-size: 20px !important;
    font-weight: 950 !important;
    letter-spacing: .2px !important;
    color: #fff !important;
}

.pro-footer-brand small {
    margin-top: 2px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #cbd5e8 !important;
}

.pro-footer-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.pro-footer-links a {
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #dbe5f7 !important;
    background: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    transition: .2s ease !important;
}

.pro-footer-links a:hover {
    color: #fff !important;
    background: rgba(255,49,49,.16) !important;
    border-color: rgba(255,49,49,.35) !important;
}

.pro-footer-social svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
}

.pro-footer-bottom {
    min-height: 34px !important;
    padding: 8px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
    background: rgba(0,0,0,.12) !important;
    color: #b9c5dc !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

@media (max-width: 980px) {
    .pro-footer-top {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: 12px !important;
        padding: 16px !important;
    }

    .pro-footer-brand {
        justify-content: center !important;
    }

    .pro-footer-links {
        gap: 7px !important;
    }

    .pro-footer-bottom {
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
    }
}

@media (max-width: 520px) {
    .pro-footer {
        width: min(94%,420px) !important;
        border-radius: 20px !important;
    }

    .pro-footer-top {
        min-height: auto !important;
        padding: 15px 12px !important;
    }

    .pro-footer-links {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        width: 100% !important;
    }

    .pro-footer-links a {
        height: 44px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }
}

.newsroom-main {
    width: min(1320px,92%) !important;
    margin: 0 auto !important;
    padding: 116px 0 74px !important;
}

.newsroom-hero {
    min-height: 320px !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 36px !important;
    padding: 42px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1.1fr) minmax(320px,.55fr) !important;
    gap: 24px !important;
    align-items: end !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.24) !important;
}

.newsroom-hero-copy span {
    font-size: 13px !important;
    font-weight: 950 !important;
    letter-spacing: 2.2px !important;
    text-transform: uppercase !important;
}

.newsroom-hero-copy h1 {
    margin: 10px 0 !important;
    font-size: 60px !important;
    line-height: 1.08 !important;
    font-weight: 950 !important;
}

.newsroom-hero-copy p {
    max-width: 640px !important;
    font-size: 16px !important;
    line-height: 1.9 !important;
    font-weight: 800 !important;
}

.newsroom-panel {
    margin-top: 28px !important;
    padding: 24px !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 24px 72px rgba(0,0,0,.16) !important;
}

.newsroom-toolbar {
    display: grid !important;
    grid-template-columns: minmax(280px,.9fr) 1.5fr !important;
    gap: 16px !important;
}

.newsroom-search input {
    min-height: 54px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.075) !important;
}

.newsroom-filter-tabs {
    justify-content: flex-start !important;
}

.newsroom-meta-line {
    margin: 20px 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    color: #aeb8cc !important;
    font-weight: 850 !important;
}

.newsroom-meta-line strong {
    color: #fff !important;
    font-size: 17px !important;
}

.newsroom-lead-news {
    margin-bottom: 18px !important;
    display: grid !important;
    grid-template-columns: 1.25fr .75fr !important;
    gap: 18px !important;
}

.newsroom-lead-side {
    display: grid !important;
    gap: 18px !important;
}

.newsroom-lead-card {
    min-height: 250px !important;
    display: flex !important;
    align-items: flex-end !important;
    border-radius: 28px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: #11192d !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 22px 62px rgba(0,0,0,.16) !important;
}

.newsroom-lead-card.is-featured {
    min-height: 520px !important;
}

.newsroom-lead-card img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform .5s ease !important;
}

.newsroom-lead-card:hover img {
    transform: scale(1.06) !important;
}

.newsroom-lead-overlay {
    width: 100% !important;
    padding: 24px !important;
    background: linear-gradient(to top,rgba(3,6,15,.92),rgba(3,6,15,.35),transparent) !important;
}

.newsroom-lead-overlay span,
.newsroom-list-meta span {
    width: max-content !important;
    display: inline-flex !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    color: #ff7878 !important;
    background: rgba(255,49,49,.16) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.newsroom-lead-overlay h2 {
    margin: 10px 0 7px !important;
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1.45 !important;
    font-weight: 950 !important;
}

.newsroom-lead-card.is-featured .newsroom-lead-overlay h2 {
    font-size: 36px !important;
    line-height: 1.35 !important;
}

.newsroom-lead-overlay p {
    margin: 0 !important;
    color: #d8deeb !important;
    line-height: 1.8 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
}

.newsroom-news-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

.newsroom-list-card {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 24px !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 16px 42px rgba(0,0,0,.14) !important;
    transition: .25s ease !important;
}

.newsroom-list-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(255,49,49,.32) !important;
}

.newsroom-list-image {
    background: #10182a !important;
    overflow: hidden !important;
}

.newsroom-list-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.newsroom-list-meta {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.newsroom-list-meta small {
    font-size: 11px !important;
    font-weight: 850 !important;
}

.newsroom-list-content h3 {
    margin: 0 !important;
    font-weight: 950 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.newsroom-list-content p {
    margin: 8px 0 0 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.article-pro-shell {
    grid-template-columns: 84px minmax(0,1fr) 330px !important;
    gap: 20px !important;
}

.article-pro-content {
    border-radius: 34px !important;
    padding: 28px !important;
    background: linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.045)) !important;
}

.article-info-card {
    padding: 12px !important;
    border-radius: 24px !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}

.article-figure {
    margin: 0 0 32px !important;
}

.article-body-pro .article-main-image {
    width: 100% !important;
    max-height: 520px !important;
    object-fit: cover !important;
    border-radius: 28px !important;
    margin: 0 !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.24) !important;
    cursor: zoom-in !important;
}

.article-figure figcaption {
    margin-top: 10px !important;
    color: #9faabe !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-align: center !important;
}

.article-body-pro p:not(.article-lead-paragraph) {
    color: #e1e7f2 !important;
    font-size: 18px !important;
    line-height: 2.15 !important;
}

.article-share-box button {
    min-height: 42px !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.075) !important;
}

.article-side-card {
    border-radius: 28px !important;
    background: rgba(255,255,255,.052) !important;
}

.related-news-card {
    overflow: hidden !important;
    border-radius: 18px !important;
}

.bottom-related-card {
    min-height: 280px !important;
}

@media (max-width: 1050px) {
    .newsroom-hero,
    .newsroom-toolbar,
    .newsroom-lead-news {
        grid-template-columns: 1fr !important;
    }

    .newsroom-lead-card.is-featured {
        min-height: 420px !important;
    }

    .newsroom-news-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    .article-pro-shell {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .newsroom-main {
        width: 92% !important;
        padding: 96px 0 54px !important;
    }

    .newsroom-hero {
        min-height: 270px !important;
        padding: 26px !important;
        border-radius: 28px !important;
    }

    .newsroom-hero-copy h1 {
        font-size: 42px !important;
    }

    .newsroom-panel {
        padding: 16px !important;
        border-radius: 26px !important;
    }

    .newsroom-meta-line {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .newsroom-lead-card,
    .newsroom-lead-card.is-featured {
        min-height: 300px !important;
        border-radius: 24px !important;
    }

    .newsroom-lead-overlay {
        padding: 18px !important;
    }

    .newsroom-lead-card.is-featured .newsroom-lead-overlay h2,
    .newsroom-lead-overlay h2 {
        font-size: 22px !important;
    }

    .newsroom-news-grid {
        grid-template-columns: 1fr !important;
    }

    .newsroom-list-card {
        grid-template-columns: 118px 1fr !important;
        align-items: stretch !important;
    }

    .article-pro-content {
        padding: 17px !important;
        border-radius: 26px !important;
    }

    .article-info-card {
        grid-template-columns: 1fr !important;
    }

    .article-body-pro p:not(.article-lead-paragraph) {
        font-size: 16px !important;
        line-height: 2 !important;
    }

    .article-share-box {
        grid-template-columns: 1fr 1fr !important;
    }
}

.article-pro-page .article-back-link {
    text-decoration: none !important;
}

.article-body-pro .article-figure {
    overflow: hidden !important;
    border-radius: 30px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    padding: 10px !important;
}

.article-body-pro .article-main-image {
    display: block !important;
}

.newsroom-main .newsroom-lead-news:empty {
    display: none !important;
}

.newsroom-main .newsroom-lead-card.is-featured::after {
    content: "FEATURED";
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    padding: 6px 10px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg,#ff3131,#b80f18);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 1px;
}

.article-pro-page .article-pro-shell {
    overflow: visible !important;
}

.article-pro-page .article-pro-content::after,
.article-pro-page .article-pro-content::before,
.article-pro-page .article-pro-shell::after,
.article-pro-page .article-pro-shell::before,
.article-pro-page .article-share-box::after,
.article-pro-page .article-share-box::before,
.article-pro-page .article-side-card::after,
.article-pro-page .article-side-card::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: 0 0 !important;
    box-shadow: none !important;
}

.article-pro-page .article-pro-content,
.article-pro-page .article-share-box,
.article-pro-page .article-side-column {
    position: relative !important;
    z-index: 6 !important;
}

.article-pro-page article,
.article-pro-page aside,
.article-pro-page main,
.article-pro-page section {
    outline: 0 !important;
}

.article-pro-page {
    background: #070b16 !important;
    overflow-x: hidden !important;
}

.article-pro-page .article-pro-shell {
    width: min(1320px,92%) !important;
    margin: 30px auto 70px !important;
    position: relative !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: 94px minmax(0,1fr) 330px !important;
    gap: 22px !important;
    align-items: start !important;
    background: 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.article-pro-page .article-pro-shell::after,
.article-pro-page .article-pro-shell::before {
    content: none !important;
    display: none !important;
}

.article-pro-page .article-pro-content,
.article-pro-page .article-side-card {
    background: #10182b !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.2) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.article-pro-page .article-pro-content {
    padding: 28px !important;
    border-radius: 30px !important;
}

.article-pro-page .article-side-card {
    border-radius: 28px !important;
}

.article-pro-page .article-info-card {
    background: 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.article-pro-page .article-info-card div {
    background: #0b1222 !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    box-shadow: none !important;
}

.article-pro-page .article-body-pro .article-figure {
    background: #0b1222 !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    box-shadow: none !important;
}

.article-pro-page .article-side-column {
    gap: 18px !important;
}

.article-pro-page .related-news-card {
    background: #151f35 !important;
    border: 1px solid rgba(255,255,255,.055) !important;
    box-shadow: none !important;
}

.article-pro-page .article-share-box {
    position: sticky !important;
    top: 105px !important;
    z-index: 4 !important;
}

.article-pro-page .article-share-box button {
    background: #10182b !important;
    border: 1px solid rgba(255,255,255,.065) !important;
    box-shadow: none !important;
}

.article-pro-page .article-bottom-related {
    position: relative !important;
    z-index: 3 !important;
    border: 0 !important;
}

.article-pro-page article::after,
.article-pro-page article::before,
.article-pro-page aside::after,
.article-pro-page aside::before,
.article-pro-page main::after,
.article-pro-page main::before,
.article-pro-page section::after,
.article-pro-page section::before {
    box-shadow: none !important;
    outline: 0 !important;
}

@media (max-width: 1120px) {
    .article-pro-page .article-pro-shell {
        grid-template-columns: 1fr !important;
    }

    .article-pro-page .article-share-box {
        position: relative !important;
        top: auto !important;
        grid-template-columns: repeat(4,1fr) !important;
        order: 2 !important;
    }

    .article-pro-page .article-side-column {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 760px) {
    .article-pro-page .article-pro-shell {
        width: 92% !important;
        margin: 22px auto 52px !important;
        gap: 16px !important;
    }

    .article-pro-page .article-pro-content,
    .article-pro-page .article-side-card {
        border-radius: 24px !important;
        padding: 16px !important;
    }

    .article-pro-page .article-side-column {
        grid-template-columns: 1fr !important;
    }

    .article-pro-page .article-share-box {
        grid-template-columns: 1fr 1fr !important;
    }
}

.league-page {
    width: min(1320px,92%) !important;
    margin: 0 auto !important;
    padding: 116px 0 74px !important;
}

.league-hero {
    position: relative !important;
    overflow: hidden !important;
    min-height: 330px !important;
    padding: 34px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) minmax(320px,.55fr) !important;
    gap: 24px !important;
    align-items: center !important;
    border-radius: 38px !important;
    color: #fff !important;
    background: linear-gradient(135deg,rgba(8,13,27,.96),rgba(16,32,64,.94)),radial-gradient(circle at 82% 14%,rgba(255,49,49,.28),transparent 34%) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.22) !important;
}

.league-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.league-hero-bg span {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(32px) !important;
}

.league-hero-bg span:first-child {
    width: 260px;
    height: 260px;
    right: -80px;
    top: -100px;
    background: rgba(255,49,49,.22);
}

.league-hero-bg span:nth-child(2) {
    width: 240px;
    height: 240px;
    left: 8%;
    bottom: -110px;
    background: rgba(255,179,71,.11);
}

.league-hero-bg span:nth-child(3) {
    width: 360px;
    height: 150px;
    left: 38%;
    top: 30%;
    background: rgba(255,255,255,.04);
}

.league-info,
.league-logo,
.league-stats {
    position: relative !important;
    z-index: 2 !important;
}

.league-logo {
    width: 124px !important;
    height: 124px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,.085) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.22) !important;
    font-size: 50px !important;
}

.league-logo img {
    width: 92px !important;
    height: 92px !important;
    object-fit: contain !important;
}

.league-info span {
    color: #ff5b5b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.league-info h1 {
    margin: 10px 0 8px !important;
    color: #fff !important;
    font-size: 54px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
}

.league-info p {
    margin: 0 !important;
    color: #cbd5e8 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    font-weight: 800 !important;
}

.league-stats {
    display: grid !important;
    grid-template-columns: repeat(3,1fr) !important;
    gap: 10px !important;
}

.league-stats div {
    min-height: 96px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
}

.league-stats span {
    display: block !important;
    color: #ffcf7a !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.league-stats strong {
    display: block !important;
    margin-top: 7px !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 950 !important;
}

.league-tabs {
    margin: 22px 0 !important;
    padding: 10px !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.league-tab {
    min-height: 44px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-family: Cairo,sans-serif !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    transition: .22s ease !important;
}

.league-tab.active,
.league-tab:hover {
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 12px 24px rgba(255,49,49,.16) !important;
}

.league-panel {
    display: none !important;
    padding: 24px !important;
    border-radius: 34px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.16) !important;
}

.league-panel.active {
    display: block !important;
}

.league-section-head {
    margin-bottom: 18px !important;
}

.league-section-head span {
    color: #ff5b5b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 1.7px !important;
}

.league-section-head h2 {
    margin: 6px 0 0 !important;
    color: #fff !important;
    font-size: 34px !important;
    font-weight: 950 !important;
}

.league-section-head p {
    margin: 6px 0 0 !important;
    color: #aeb8cc !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.league-table-card {
    overflow: auto !important;
    border-radius: 26px !important;
    background: rgba(0,0,0,.12) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.league-table-head,
.league-table-row {
    display: grid !important;
    gap: 8px !important;
    align-items: center !important;
}

.league-table-head {
    padding: 14px 16px !important;
    color: #ffcf7a !important;
    background: rgba(255,255,255,.055) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.league-table-row {
    position: relative !important;
    padding: 13px 16px !important;
    color: #dbe4f5 !important;
    border-top: 1px solid rgba(255,255,255,.055) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

.league-table-row.is-top {
    background: rgba(255,179,71,.045) !important;
}

.rank-cell {
    width: 34px !important;
    height: 34px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    font-weight: 950 !important;
}

.league-team {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
    font-weight: 950 !important;
}

.league-team img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
}

.league-team span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.league-table-row b {
    font-size: 15px !important;
}

.league-form .w {
    background: #16794a;
}

.league-form .d {
    background: #5b6b80;
}

.league-form .l {
    background: #c4262e;
}

.league-scorers {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}

.league-scorer {
    min-height: 96px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 42px 64px minmax(0,1fr) 82px !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.052) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
}

.league-scorer.is-elite {
    background: radial-gradient(circle at 86% 18%,rgba(255,179,71,.13),transparent 30%),rgba(255,255,255,.06) !important;
}

.scorer-rank {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 15px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-weight: 950 !important;
}

.scorer-photo {
    width: 64px !important;
    height: 64px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.08) !important;
    border: 2px solid rgba(255,255,255,.12) !important;
}

.scorer-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.scorer-copy {
    min-width: 0 !important;
}

.scorer-copy h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.scorer-copy p {
    margin: 4px 0 0 !important;
    color: #aeb8cc !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.scorer-numbers {
    text-align: center !important;
}

.scorer-numbers strong {
    display: block !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.scorer-numbers small,
.scorer-numbers span {
    display: block !important;
    color: #ffcf7a !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.scorer-numbers small {
    color: #aeb8cc !important;
    margin-top: 3px !important;
}

.league-matches {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px !important;
}

.league-news {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 14px !important;
}

.league-news-card {
    overflow: hidden !important;
    border-radius: 24px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.052) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
}

.league-news-image {
    height: 170px !important;
    background: #10182b !important;
    overflow: hidden !important;
}

.league-news-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.league-news-body {
    padding: 15px !important;
}

.league-news-body span {
    color: #ff5b5b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.league-news-body h3 {
    margin: 7px 0 6px !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    font-weight: 950 !important;
}

.league-news-body p {
    margin: 0 !important;
    color: #aeb8cc !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    font-weight: 800 !important;
}

@media (max-width: 1050px) {
    .league-hero {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .league-stats {
        width: 100% !important;
    }

    .league-matches,
    .league-news,
    .league-scorers {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .league-page {
        width: 92% !important;
        padding: 96px 0 54px !important;
    }

    .league-hero {
        min-height: auto !important;
        padding: 24px !important;
        border-radius: 30px !important;
    }

    .league-logo {
        width: 96px !important;
        height: 96px !important;
        border-radius: 28px !important;
    }

    .league-logo img {
        width: 70px !important;
        height: 70px !important;
    }

    .league-info h1 {
        font-size: 34px !important;
    }

    .league-stats {
        grid-template-columns: 1fr !important;
    }

    .league-panel {
        padding: 16px !important;
        border-radius: 26px !important;
    }

    .league-tabs {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }

    .league-tab {
        flex: 0 0 auto !important;
    }

    .league-scorer {
        grid-template-columns: 36px 54px minmax(0,1fr) 70px !important;
        padding: 12px !important;
    }

    .scorer-photo {
        width: 54px !important;
        height: 54px !important;
    }
}

.league-group-table {
    margin-bottom: 20px !important;
}

.league-group-table:last-child {
    margin-bottom: 0 !important;
}

.league-group-head {
    margin-bottom: 10px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.052) !important;
}

.league-group-head span {
    color: #ff5b5b !important;
    font-size: 11px !important;
    letter-spacing: 1.4px !important;
    font-weight: 950 !important;
}

.league-group-head h3 {
    margin: 4px 0 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.league-group-head strong {
    min-height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,179,71,.1) !important;
    border: 1px solid rgba(255,179,71,.15) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media (max-width: 620px) {
    .league-group-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

.league-table-head,
.league-table-row {
    grid-template-columns: 54px minmax(230px,1.6fr) repeat(7,72px) 92px 130px !important;
    min-width: 1120px !important;
}

.league-table-head span:nth-last-child(2),
.league-table-row b {
    color: #ffcf7a !important;
    font-weight: 950 !important;
}

.league-table-row b {
    width: 54px !important;
    min-height: 34px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 12px !important;
    background: rgba(255,179,71,.12) !important;
    border: 1px solid rgba(255,179,71,.16) !important;
}

.league-form {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 4px !important;
}

.league-form span {
    width: 24px !important;
    height: 24px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

.league-form.is-empty span {
    background: rgba(255,255,255,.09) !important;
    color: #aeb8cc !important;
}

.league-group-head {
    width: 100% !important;
    cursor: pointer !important;
    text-align: inherit !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.league-group-head:hover {
    border-color: rgba(255,49,49,.26) !important;
    background: rgba(255,255,255,.065) !important;
}

.league-group-arrow {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    font-size: 24px !important;
    line-height: 1 !important;
    transition: transform .25s ease,background .25s ease,border-color .25s ease !important;
}

.league-group-table.is-open .league-group-arrow {
    transform: rotate(180deg) !important;
    background: rgba(255,49,49,.16) !important;
    border-color: rgba(255,49,49,.32) !important;
}

.league-group-body {
    display: none !important;
}

.league-group-table.is-open .league-group-body {
    display: block !important;
    animation: leagueGroupOpen .24s ease !important;
}

@keyframes leagueGroupOpen {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.league-group-head > strong {
    display: none !important;
}

@media (max-width: 760px) {
    .league-group-head {
        flex-direction: row !important;
        align-items: center !important;
    }

    .league-group-arrow {
        width: 38px !important;
        height: 38px !important;
        font-size: 20px !important;
    }
}

.best-thirds-panel {
    margin: 0 0 20px !important;
}

.best-thirds-head {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 88% 16%,rgba(255,179,71,.14),transparent 34%),rgba(255,255,255,.052) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
}

.best-thirds-head span {
    color: #ff5b5b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 1.4px !important;
}

.best-thirds-head h3 {
    margin: 5px 0 0 !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.best-thirds-head p {
    margin: 5px 0 0 !important;
    color: #aeb8cc !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

.best-thirds-head strong {
    min-height: 36px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,179,71,.1) !important;
    border: 1px solid rgba(255,179,71,.16) !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.best-thirds-grid {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
}

.best-third-card {
    min-height: 78px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 96px 70px !important;
    gap: 10px !important;
    align-items: center !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.048) !important;
    border: 1px solid rgba(255,255,255,.065) !important;
}

.best-third-card.is-qualified {
    border-color: rgba(34,197,94,.22) !important;
    background: linear-gradient(145deg,rgba(34,197,94,.08),rgba(255,255,255,.045)) !important;
}

.best-third-rank {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-weight: 950 !important;
}

.best-third-team {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.best-third-team img {
    width: 34px !important;
    height: 34px !important;
    object-fit: contain !important;
}

.best-third-team strong {
    display: block !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.best-third-stats small,
.best-third-team span {
    display: block !important;
    color: #aeb8cc !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

.best-third-stats {
    text-align: center !important;
}

.best-third-stats b {
    display: block !important;
    color: #ffcf7a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.best-third-card em {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: rgba(239,68,68,.16) !important;
    border: 1px solid rgba(239,68,68,.18) !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

.best-third-card.is-qualified em {
    background: rgba(34,197,94,.16) !important;
    border-color: rgba(34,197,94,.18) !important;
    color: #86efac !important;
}

.worldcup-day-block {
    margin-bottom: 16px !important;
    padding: 16px !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.worldcup-day-block:last-child {
    margin-bottom: 0 !important;
}

.worldcup-day-head {
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.worldcup-day-head span {
    color: #ff5b5b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 1.3px !important;
    text-transform: uppercase !important;
}

.worldcup-day-head h3 {
    margin: 4px 0 0 !important;
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.worldcup-day-head strong {
    min-height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,179,71,.1) !important;
    border: 1px solid rgba(255,179,71,.15) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.worldcup-day-matches {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
}

.worldcup-match-detail-card {
    min-height: 156px !important;
    padding: 14px !important;
    display: block !important;
    border-radius: 24px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.052) !important;
    border: 1px solid rgba(255,255,255,.075) !important;
    transition: .22s ease !important;
}

.worldcup-match-detail-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(255,49,49,.28) !important;
}

.worldcup-match-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 132px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.worldcup-match-team {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    text-align: center !important;
}

.worldcup-match-team img {
    width: 42px !important;
    height: 42px !important;
    object-fit: contain !important;
}

.worldcup-match-team strong {
    max-width: 100% !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.worldcup-match-center {
    text-align: center !important;
}

.worldcup-match-center b {
    display: block !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 950 !important;
}

.worldcup-match-center span {
    display: block !important;
    margin-top: 5px !important;
    color: #ffcf7a !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    direction: ltr !important;
}

.worldcup-match-center small {
    display: inline-flex !important;
    margin-top: 6px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    color: #cbd5e8 !important;
    background: rgba(255,255,255,.07) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

.worldcup-match-meta {
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255,255,255,.06) !important;
    display: grid !important;
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 8px !important;
}

.worldcup-match-meta span {
    min-width: 0 !important;
    padding: 6px 8px !important;
    border-radius: 12px !important;
    color: #aeb8cc !important;
    background: rgba(255,255,255,.045) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
}

@media (max-width: 1050px) {
    .best-thirds-grid,
    .worldcup-day-matches {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    .best-thirds-head,
    .worldcup-day-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .best-third-card {
        grid-template-columns: 36px minmax(0,1fr) 74px !important;
    }

    .best-third-card em {
        grid-column: 1/-1 !important;
    }

    .worldcup-match-row {
        grid-template-columns: 1fr 96px 1fr !important;
    }

    .worldcup-match-meta {
        grid-template-columns: 1fr 1fr !important;
    }
}

.home-worldcup-scoreboard {
    width: min(1320px,92%) !important;
    margin: 28px auto !important;
    padding: 24px !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    color: #fff !important;
    background: radial-gradient(circle at 90% 16%,rgba(255,49,49,.16),transparent 33%),radial-gradient(circle at 12% 90%,rgba(255,179,71,.08),transparent 30%),linear-gradient(135deg,rgba(10,16,34,.96),rgba(17,31,63,.94)) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: 0 24px 78px rgba(0,0,0,.2) !important;
}

.home-worldcup-scoreboard::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    pointer-events: none !important;
    border-radius: 33px !important;
    background: linear-gradient(120deg,rgba(255,255,255,.06),transparent 22%,transparent 80%,rgba(255,49,49,.07)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 86px) !important;
    mask: linear-gradient(#000,transparent 72%) !important;
}

.home-worldcup-head {
    z-index: 2 !important;
}

.home-worldcup-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 18px !important;
}

.home-worldcup-head span {
    color: #ff5b5b !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 1.8px !important;
}

.home-worldcup-head h2 {
    margin: 5px 0 0 !important;
    color: #fff !important;
    font-size: 38px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
}

.home-worldcup-head p {
    margin: 6px 0 0 !important;
    color: #aeb8cc !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.home-worldcup-head a {
    min-height: 42px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    box-shadow: 0 12px 26px rgba(255,49,49,.18) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.home-worldcup-loading {
    grid-column: 1/-1 !important;
    text-align: center !important;
    font-weight: 900 !important;
}

@media (max-width: 720px) {
    .home-worldcup-scoreboard {
        width: 92% !important;
        padding: 16px !important;
        border-radius: 28px !important;
    }

    .home-worldcup-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .home-worldcup-head h2 {
        font-size: 30px !important;
    }

    .home-worldcup-head a {
        width: 100% !important;
    }
}

.home-worldcup-tabs {
    position: relative !important;
    z-index: 2 !important;
    margin: 10px 0 18px !important;
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 8px !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.home-worldcup-selected {
    position: relative !important;
    z-index: 2 !important;
}

.home-wc-empty {
    text-align: center !important;
}

@media (max-width: 720px) {
    .home-worldcup-tabs {
        grid-template-columns: 1fr !important;
    }
}

.home-worldcup-scoreboard::after {
    border-radius: 50% !important;
}

.home-worldcup-scoreboard .home-worldcup-head {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

.home-worldcup-scoreboard .home-worldcup-head span {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    color: #ffd27c !important;
    background: rgba(255,210,124,.1) !important;
    border: 1px solid rgba(255,210,124,.18) !important;
    font-weight: 950 !important;
}

.home-worldcup-scoreboard .home-worldcup-head h2 {
    color: #fff !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.home-worldcup-scoreboard .home-worldcup-head a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 950 !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
}

.home-worldcup-scoreboard .home-worldcup-tabs {
    position: relative !important;
    z-index: 2 !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (max-width: 720px) {
    .home-worldcup-scoreboard .home-worldcup-head {
        flex-direction: column !important;
    }
}

.cms-permissions-panel {
    margin-top: 20px;
}

.cms-permission-form {
    display: grid;
    grid-template-columns: 1fr 1fr 190px auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 16px;
}

.cms-permission-form label {
    display: grid;
    gap: 8px;
}

.cms-permission-form label span {
    color: #d9deea;
    font-size: 13px;
    font-weight: 900;
}

.cms-permission-actions select,
.cms-permission-form input,
.cms-permission-form select {
    width: 100%;
    min-height: 48px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.07);
    font-family: Cairo,sans-serif;
    font-weight: 800;
}

.cms-permissions-list {
    display: grid;
    gap: 10px;
}

.cms-permission-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 13px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.075);
}

.cms-permission-row strong {
    display: block;
    color: #fff;
    font-weight: 950;
    direction: ltr;
    text-align: left;
}

.cms-permission-row span {
    display: inline-flex;
    margin-top: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    color: #ffcf7a;
    background: rgba(255,207,122,.1);
    font-size: 11px;
    font-weight: 950;
}

.cms-permission-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cms-permission-actions button {
    min-height: 38px;
    padding: 0 12px;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.09);
    font-family: Cairo,sans-serif;
    font-weight: 900;
}

.cms-permission-actions button.danger {
    background: rgba(255,49,49,.16);
    color: #ff8585;
}

@media (max-width: 900px) {
    .cms-permission-form,
    .cms-permission-row {
        grid-template-columns: 1fr !important;
    }

    .cms-permission-actions {
        flex-wrap: wrap !important;
    }
}

.admin-dashboard-page {
    min-height: 100vh !important;
}

.cms-sidebar {
    box-shadow: -20px 0 60px rgba(0,0,0,.28) !important;
}

.cms-main-pro {
    max-width: 1480px !important;
}

.cms-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    margin: -6px -4px 22px !important;
    padding: 16px !important;
    border-radius: 28px !important;
    background: rgba(8,13,26,.78) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    backdrop-filter: blur(18px) !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
}

.cms-theme-toggle {
    margin-inline-start: auto !important;
}

.cms-panel {
    background: radial-gradient(circle at top right,rgba(255,49,49,.08),transparent 28%),rgba(255,255,255,.055) !important;
}

.cms-permissions-panel {
    padding: 26px !important;
    border-radius: 32px !important;
}

.cms-permission-form-pro {
    grid-template-columns: minmax(230px,1.15fr) minmax(200px,1fr) 180px 170px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(0,0,0,.16) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
}

.cms-permission-row-pro {
    padding: 16px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035)) !important;
}

.cms-permission-user {
    min-width: 0 !important;
}

.cms-permission-user strong {
    font-size: 15px !important;
}

.cms-permission-user small {
    display: block !important;
    margin-top: 6px !important;
    color: #8ea0bb !important;
    font-weight: 800 !important;
    direction: ltr !important;
    text-align: left !important;
}

.role-chip {
    margin-inline-end: 8px !important;
}

.role-admin {
    border: 1px solid rgba(32,212,117,.18) !important;
}

.role-editor {
    border: 1px solid rgba(255,210,124,.18) !important;
}

.role-viewer {
    border: 1px solid rgba(196,207,221,.14) !important;
}

.cms-permission-actions select {
    min-width: 130px !important;
}

.cms-permission-actions button {
    transition: .18s ease !important;
}

.cms-light-btn:hover,
.cms-permission-actions button:hover,
.cms-submit:hover {
    transform: translateY(-2px) !important;
}

@media (max-width: 1080px) {
    .cms-permission-form-pro {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 720px) {
    .cms-top {
        position: relative !important;
    }

    .cms-permission-form-pro {
        grid-template-columns: 1fr !important;
    }

    .cms-permission-row-pro {
        grid-template-columns: 1fr !important;
    }

    .cms-permission-actions {
        width: 100% !important;
    }

    .cms-permission-actions button,
    .cms-permission-actions select {
        flex: 1 1 auto !important;
    }
}

body.role-editor [data-admin-only] {
    display: none !important;
}

.cms-sidebar {
    background: radial-gradient(circle at 10% 5%,rgba(255,49,49,.18),transparent 34%),linear-gradient(180deg,rgba(9,13,24,.98),rgba(5,7,13,.98)) !important;
    border-left: 1px solid rgba(255,255,255,.08) !important;
}

.cms-nav a {
    position: relative;
    min-height: 46px !important;
    border-radius: 16px !important;
    transition: .22s ease !important;
}

.cms-nav a.active,
.cms-nav a:hover {
    background: linear-gradient(135deg,rgba(255,49,49,.2),rgba(255,207,122,.08)) !important;
    border-color: rgba(255,255,255,.12) !important;
    transform: translateX(-2px);
}

.cms-main-pro {
    background: radial-gradient(circle at 80% 0,rgba(255,49,49,.1),transparent 28%),radial-gradient(circle at 20% 16%,rgba(255,207,122,.06),transparent 30%);
}

.cms-panel {
    backdrop-filter: blur(16px);
}

.cms-permissions-panel {
    background: radial-gradient(circle at 90% 0,rgba(255,49,49,.12),transparent 35%),rgba(255,255,255,.055) !important;
}

.cms-permission-row-pro {
    transition: .2s ease;
}

.cms-permission-row-pro:hover {
    transform: translateY(-2px);
    border-color: rgba(255,49,49,.22);
    box-shadow: 0 18px 46px rgba(0,0,0,.16);
}

.role-chip {
    min-height: 24px;
    padding: 0 10px !important;
    align-items: center;
}

.role-admin {
    color: #fff !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
}

.role-editor {
    color: #0b1018 !important;
    background: linear-gradient(135deg,#ffcf7a,#ffad42) !important;
}

.role-viewer {
    color: #d9deea !important;
    background: rgba(255,255,255,.08) !important;
}

.role-viewer,
option[value=viewer] {
    display: none !important;
}

.cms-permission-actions select option[value=viewer],
.cms-permission-form select option[value=viewer] {
    display: none !important;
}

.cms-permissions-panel .cms-panel-head::after {
    content: "Admin / Editor فقط";
    min-height: 28px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    color: #ffcf7a;
    background: rgba(255,207,122,.1);
    border: 1px solid rgba(255,207,122,.16);
    font-size: 11px;
    font-weight: 950;
}

body.role-editor .cms-grid {
    margin-top: 18px;
}

.admin-dashboard-page {
    --cms-brand: #ff3131;
    --cms-brand-dark: #b80f18;
    --cms-gold: #ffcf7a;
    --cms-bg: #05070d;
    --cms-bg-2: #070b16;
    --cms-border: rgba(255,255,255,.09);
    --cms-border-strong: rgba(255,255,255,.14);
    --cms-text: #ffffff;
    --cms-muted: #aeb8cc;
    --cms-soft: #d7dcea;
    --cms-shadow: 0 22px 70px rgba(0,0,0,.24);
    color: var(--cms-text) !important;
    background: radial-gradient(circle at 82% 2%,rgba(255,49,49,.14),transparent 30%),radial-gradient(circle at 18% 14%,rgba(255,207,122,.07),transparent 28%),linear-gradient(180deg,var(--cms-bg),var(--cms-bg-2)) !important;
}

.admin-dashboard-page .cms-sidebar {
    background: radial-gradient(circle at 18% 0,rgba(255,49,49,.2),transparent 34%),radial-gradient(circle at 85% 95%,rgba(255,207,122,.08),transparent 28%),linear-gradient(180deg,#080c17,#05070d) !important;
    border-left: 1px solid var(--cms-border) !important;
    box-shadow: -18px 0 60px rgba(0,0,0,.22) !important;
}

.admin-dashboard-page .cms-logo {
    color: var(--cms-text) !important;
}

.admin-dashboard-page .cms-logo img {
    filter: drop-shadow(0 12px 22px rgba(255,49,49,.18)) !important;
}

.admin-dashboard-page .cms-logo span {
    color: var(--cms-text) !important;
    font-weight: 950 !important;
}

.admin-dashboard-page .cms-nav a {
    color: var(--cms-soft) !important;
    background: 0 0 !important;
    border: 1px solid transparent !important;
}

.admin-dashboard-page .cms-nav a.active,
.admin-dashboard-page .cms-nav a:hover {
    color: #fff !important;
    background: radial-gradient(circle at 16% 0,rgba(255,207,122,.18),transparent 38%),linear-gradient(135deg,rgba(255,49,49,.24),rgba(255,255,255,.055)) !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: 0 12px 30px rgba(255,49,49,.12) !important;
}

.admin-dashboard-page .cms-logout {
    color: #fff !important;
    background: linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 16px 36px rgba(255,49,49,.22) !important;
}

.admin-dashboard-page .cms-main,
.admin-dashboard-page .cms-main-pro {
    background: radial-gradient(circle at 84% 0,rgba(255,49,49,.12),transparent 30%),radial-gradient(circle at 16% 16%,rgba(255,207,122,.06),transparent 30%) !important;
}

.admin-dashboard-page .cms-top {
    border-bottom: 1px solid var(--cms-border) !important;
}

.admin-dashboard-page .cms-panel-head span,
.admin-dashboard-page .cms-top span {
    color: var(--cms-gold) !important;
}

.admin-dashboard-page .cms-panel-head h2,
.admin-dashboard-page .cms-permission-row strong,
.admin-dashboard-page .cms-row-main h3,
.admin-dashboard-page .cms-top h1 {
    color: var(--cms-text) !important;
}

.admin-dashboard-page .cms-empty,
.admin-dashboard-page .cms-news-row,
.admin-dashboard-page .cms-panel,
.admin-dashboard-page .cms-permission-row,
.admin-dashboard-page .cms-user {
    color: var(--cms-text) !important;
    background: radial-gradient(circle at 88% 0,rgba(255,49,49,.1),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.040)) !important;
    border: 1px solid var(--cms-border) !important;
    box-shadow: var(--cms-shadow) !important;
}

.admin-dashboard-page .cms-news-form label span,
.admin-dashboard-page .cms-permission-form label span,
.admin-dashboard-page .cms-row-main p,
.admin-dashboard-page .cms-user small {
    color: var(--cms-muted) !important;
}

.admin-dashboard-page .cms-news-form input,
.admin-dashboard-page .cms-news-form select,
.admin-dashboard-page .cms-news-form textarea,
.admin-dashboard-page .cms-permission-actions select,
.admin-dashboard-page .cms-permission-form input,
.admin-dashboard-page .cms-permission-form select,
.admin-dashboard-page .cms-table-tools input,
.admin-dashboard-page .cms-table-tools select {
    color: var(--cms-text) !important;
    background: rgba(255,255,255,.065) !important;
    border: 1px solid var(--cms-border) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.admin-dashboard-page .cms-news-form input::placeholder,
.admin-dashboard-page .cms-news-form textarea::placeholder,
.admin-dashboard-page .cms-permission-form input::placeholder,
.admin-dashboard-page .cms-table-tools input::placeholder {
    color: rgba(215,220,234,.55) !important;
}

.admin-dashboard-page .cms-news-form input:focus,
.admin-dashboard-page .cms-news-form select:focus,
.admin-dashboard-page .cms-news-form textarea:focus,
.admin-dashboard-page .cms-permission-actions select:focus,
.admin-dashboard-page .cms-permission-form input:focus,
.admin-dashboard-page .cms-permission-form select:focus,
.admin-dashboard-page .cms-table-tools input:focus,
.admin-dashboard-page .cms-table-tools select:focus {
    border-color: rgba(255,49,49,.55) !important;
    box-shadow: 0 0 0 4px rgba(255,49,49,.12),inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.admin-dashboard-page .cms-light-btn,
.admin-dashboard-page .cms-permission-actions button,
.admin-dashboard-page .cms-row-actions button {
    color: #fff !important;
    background: rgba(255,255,255,.085) !important;
    border: 1px solid var(--cms-border) !important;
}

.admin-dashboard-page .cms-light-btn:hover,
.admin-dashboard-page .cms-permission-actions button:hover,
.admin-dashboard-page .cms-row-actions button:hover {
    background: rgba(255,49,49,.16) !important;
    border-color: rgba(255,49,49,.25) !important;
}

.admin-dashboard-page .cms-submit {
    color: #fff !important;
    background: radial-gradient(circle at 20% 0,rgba(255,207,122,.28),transparent 45%),linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
    box-shadow: 0 18px 42px rgba(255,49,49,.24) !important;
}

.admin-dashboard-page .cms-permission-actions button.danger,
.admin-dashboard-page .cms-row-actions button.danger {
    color: #ff9b9b !important;
    background: rgba(255,49,49,.13) !important;
    border-color: rgba(255,49,49,.2) !important;
}

.admin-dashboard-page .cms-permission-row span,
.admin-dashboard-page .cms-row-main span,
.admin-dashboard-page .role-chip {
    color: var(--cms-gold) !important;
    background: rgba(255,207,122,.1) !important;
    border: 1px solid rgba(255,207,122,.16) !important;
}

.admin-dashboard-page .role-admin {
    color: #fff !important;
    background: linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
}

.admin-dashboard-page .role-editor {
    color: #0b1018 !important;
    background: linear-gradient(135deg,var(--cms-gold),#ffad42) !important;
}

.admin-dashboard-page .cms-image-view,
.admin-dashboard-page .cms-upload-box {
    background: radial-gradient(circle at 82% 0,rgba(255,49,49,.1),transparent 36%),rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.13) !important;
}

.admin-dashboard-page .cms-toast {
    background: rgba(8,12,23,.96) !important;
    border-color: var(--cms-border-strong) !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.28) !important;
}

.cms-message.success {
    color: #9ff0bf !important;
}

.cms-message.error {
    color: #ff8b8b !important;
}

.cms-top {
    gap: 14px !important;
}

.cms-news-row {
    transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.cms-news-row:hover {
    transform: translateY(-2px);
    border-color: rgba(255,49,49,.22) !important;
}

.cms-logout,
.cms-submit {
    position: relative;
    overflow: hidden;
}

.cms-logout::before,
.cms-submit::before {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(110%);
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
    transition: transform .45s ease;
}

.cms-logout:hover::before,
.cms-submit:hover::before {
    transform: translateX(-110%);
}

.team-score-line,
.worldcup-team-score {
    min-width: 42px !important;
    height: 36px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg,#ff3131,#b80f18) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: 0 12px 26px rgba(255,49,49,.2) !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.team-score-line.is-vs {
    min-width: 48px !important;
    color: #ffcf7a !important;
    background: rgba(255,207,122,.12) !important;
    border-color: rgba(255,207,122,.2) !important;
    box-shadow: none !important;
    font-size: 12px !important;
}

.score-center-label {
    min-height: 26px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    direction: ltr !important;
}

.score-center-label.is-live {
    color: #fff !important;
    background: linear-gradient(135deg,#16a34a,#0f8f47) !important;
}

.worldcup-team-score {
    margin-top: 6px !important;
    min-width: 36px !important;
    height: 32px !important;
    font-size: 15px !important;
}

@media (max-width: 720px) {
    .team-score-line {
        min-width: 36px !important;
        height: 32px !important;
        padding: 0 10px !important;
        font-size: 16px !important;
    }

    .score-center-label {
        min-height: 22px !important;
        padding: 0 7px !important;
        font-size: 9px !important;
    }
}

.home-worldcup-scoreboard * {
    box-sizing: border-box !important;
}

.match-card {
    position: relative !important;
    width: 100% !important;
    min-height: 190px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    text-decoration: none !important;
    color: #fff !important;
    background: radial-gradient(circle at 0 100%,rgba(255,49,49,.13),transparent 32%),linear-gradient(145deg,rgba(18,25,40,.96),rgba(8,12,22,.985)) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.24) !important;
}

.match-card-top {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    direction: ltr !important;
    margin-bottom: 12px !important;
}

.match-card-top span {
    min-width: 0 !important;
    color: #aeb8cf !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.match-card-top em {
    min-height: 26px !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,207,122,.11) !important;
    border: 1px solid rgba(255,207,122,.18) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    font-style: normal !important;
    white-space: nowrap !important;
}

.match-card.is-live .match-card-top em {
    color: #fff !important;
    background: linear-gradient(135deg,#16a34a,#0f8f47) !important;
}

.match-card-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 108px minmax(0,1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    direction: ltr !important;
}

.match-team {
    min-width: 0 !important;
    min-height: 132px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: center !important;
}

.match-flag {
    width: 54px !important;
    height: 54px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 17px !important;
    background: linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.2) !important;
}

.match-flag img {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
}

.match-team strong {
    width: 100% !important;
    min-height: 32px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 13.5px !important;
    line-height: 1.32 !important;
    font-weight: 950 !important;
    direction: rtl !important;
    white-space: normal !important;
}

.match-score {
    min-height: 106px !important;
    padding: 10px 7px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.18)) !important;
    border: 1px solid rgba(255,255,255,.095) !important;
}

.match-live,
.match-status {
    min-height: 23px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.match-status {
    color: #ffcf7a !important;
    background: rgba(255,207,122,.1) !important;
    border: 1px solid rgba(255,207,122,.16) !important;
}

.match-live {
    color: #fff !important;
    background: linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
}

.match-score b {
    color: #fff !important;
    font-size: 31px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -.5px !important;
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

.match-score small {
    max-width: 86px !important;
    min-height: 23px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #ffcf7a !important;
    background: rgba(255,207,122,.1) !important;
    border: 1px solid rgba(255,207,122,.15) !important;
    font-size: 8.5px !important;
    font-weight: 950 !important;
    direction: rtl !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.team-mini-scorers {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    direction: rtl !important;
}

.team-mini-scorers[hidden] {
    display: none !important;
}

.mini-scorer {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #e5edf8 !important;
    font-size: 8.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.mini-scorer::before {
    content: "⚽";
    opacity: .9;
    flex: 0 0 auto;
}

.mini-scorer em {
    font-style: normal !important;
    direction: ltr !important;
    flex: 0 0 auto;
}

.mini-scorer b {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: 950 !important;
}

@media (max-width: 720px) {
    .match-card {
        min-height: 178px !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    .match-card-grid {
        grid-template-columns: minmax(0,1fr) 86px minmax(0,1fr) !important;
        gap: 8px !important;
    }

    .match-team {
        min-height: 116px !important;
        gap: 6px !important;
    }

    .match-flag {
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
    }

    .match-flag img {
        width: 31px !important;
        height: 31px !important;
    }

    .match-team strong {
        min-height: 31px !important;
        font-size: 11px !important;
    }

    .match-score {
        min-height: 88px !important;
        padding: 7px 5px !important;
        border-radius: 17px !important;
        gap: 6px !important;
    }

    .match-score b {
        font-size: 23px !important;
    }

    .match-live,
    .match-status {
        min-height: 20px !important;
        padding: 0 6px !important;
        font-size: 8px !important;
    }

    .match-score small {
        max-width: 68px !important;
        min-height: 19px !important;
        padding: 0 5px !important;
        font-size: 7.3px !important;
    }
}

.mini-scorer {
    max-width: 160px !important;
    min-height: 25px !important;
    padding: 0 9px !important;
    gap: 5px !important;
    background: linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.065)) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.mini-scorer::before {
    font-size: 9.5px !important;
}

.mini-scorer em {
    min-width: 28px !important;
    height: 17px !important;
    padding: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #0b1018 !important;
    background: #ffcf7a !important;
    font-size: 8.5px !important;
    font-weight: 950 !important;
}

.mini-scorer b {
    max-width: 104px !important;
    color: #fff !important;
    font-size: 9.5px !important;
    letter-spacing: .05px !important;
}

.team-mini-scorers {
    margin-top: 1px !important;
    gap: 5px !important;
}

@media (max-width: 720px) {
    .mini-scorer {
        max-width: 112px !important;
        min-height: 22px !important;
        padding: 0 6px !important;
        gap: 4px !important;
    }

    .mini-scorer em {
        min-width: 24px !important;
        height: 15px !important;
        padding: 0 4px !important;
        font-size: 7.5px !important;
    }

    .mini-scorer b {
        max-width: 68px !important;
        font-size: 8px !important;
    }
}

.home-worldcup-head p,
.login-card p,
.newsroom-hero-copy p,
.pro-footer-social a[aria-label="X"],
.pro-footer-social a[aria-label=YouTube] {
    display: none !important;
}

.cms-upload-box span {
    display: none !important;
}

.cms-pagination {
    margin-top: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.cms-pagination button {
    min-width: 40px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #f8fafc !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.cms-pagination button.active {
    background: linear-gradient(135deg,#d61f26,#b70f20) !important;
    border-color: rgba(255,255,255,.16) !important;
}

.cms-pagination button:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
}

.cms-image-view {
    position: relative !important;
    min-height: 190px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    background: rgba(255,255,255,.045) !important;
}

.cms-image-view img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    z-index: 0 !important;
}

.cms-image-view.has-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.04)) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.cms-image-view span {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
}

.pro-footer-social a[aria-label=Facebook],
.pro-footer-social a[aria-label=Instagram],
.pro-footer-social a[aria-label=Threads],
.pro-footer-social a[aria-label=TikTok] {
    display: inline-flex !important;
}

.topbar .brand {
    width: auto !important;
    display: flex !important;
    flex-shrink: 0 !important;
}

.brand-slogan {
    display: block !important;
}

.topbar .menu {
    gap: 22px !important;
}

.topbar .menu a {
    font-size: 14px !important;
}

@media (max-width: 1100px) {
    .topbar {
        padding-inline: 26px !important;
        gap: 22px !important;
    }

    .topbar .menu {
        gap: 15px !important;
    }

    .topbar .menu a {
        font-size: 13px !important;
    }
}

.home-worldcup-scoreboard::after {
    width: 210px !important;
}

.home-worldcup-scoreboard .home-worldcup-head {
    margin-bottom: 10px !important;
    align-items: center !important;
}

.home-worldcup-scoreboard .home-worldcup-head span {
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
}

.home-worldcup-scoreboard .home-worldcup-head h2 {
    margin: 7px 0 3px !important;
    font-size: 26px !important;
    letter-spacing: -.3px !important;
}

.home-worldcup-scoreboard .home-worldcup-head p {
    display: block !important;
    margin: 0 !important;
    color: #aab4c7 !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
}

.home-worldcup-scoreboard .home-worldcup-head a {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    box-shadow: 0 10px 24px rgba(255,49,49,.18) !important;
}

.home-worldcup-scoreboard .home-worldcup-tabs {
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 6px !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.040) !important;
}

.home-worldcup-scoreboard .match-card-top span {
    font-size: 9px !important;
    max-width: 70% !important;
}

.home-worldcup-scoreboard .match-card-top em {
    min-height: 21px !important;
    padding: 0 8px !important;
    font-size: 8px !important;
}

.home-worldcup-scoreboard .match-score small {
    max-width: 64px !important;
    min-height: 18px !important;
    padding: 0 5px !important;
}

.home-wc-empty,
.home-worldcup-scoreboard .home-worldcup-loading {
    min-height: 74px !important;
    border-radius: 18px !important;
    display: grid !important;
    place-items: center !important;
    color: #c7d0e4 !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

@media (max-width: 980px) {
    .home-worldcup-scoreboard .home-worldcup-head {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .home-worldcup-scoreboard .home-worldcup-head h2 {
        font-size: 23px !important;
    }

    .home-worldcup-scoreboard .home-worldcup-head a {
        width: 100% !important;
    }

    .home-worldcup-scoreboard .home-worldcup-tabs {
        display: flex !important;
        overflow-x: auto !important;
        gap: 7px !important;
        padding: 5px !important;
        scroll-snap-type: x mandatory !important;
    }
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    display: block !important;
    border-radius: 22px !important;
}

.home-worldcup-day-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease !important;
}

.home-worldcup-day-tab:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,49,49,.34) !important;
    background: rgba(255,49,49,.12) !important;
}

.home-worldcup-day-tab span {
    line-height: 1 !important;
}

.home-worldcup-day-tab strong {
    white-space: nowrap !important;
}

.home-worldcup-day-tab em {
    font-style: normal !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.home-worldcup-day-tab.active,
.home-worldcup-day-tab.is-today {
    color: #fff !important;
}

.home-worldcup-day-tab.active em,
.home-worldcup-day-tab.active span,
.home-worldcup-day-tab.active strong,
.home-worldcup-day-tab.is-today em,
.home-worldcup-day-tab.is-today span,
.home-worldcup-day-tab.is-today strong {
    color: #fff !important;
}

@media (max-width: 760px) {
    .home-worldcup-five-days {
        min-width: max-content !important;
    }
}

.topbar .brand {
    overflow: visible !important;
}

.topbar .brand img {
    transform: translateZ(0) !important;
}

.brand-slogan {
    color: #ff3131 !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

@media (min-width: 1024px) {
    .home-worldcup-scoreboard {
        -webkit-backdrop-filter: blur(12px) saturate(1.05) !important;
    }

    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        -webkit-backdrop-filter: blur(6px) !important;
    }
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

.home-worldcup-scoreboard::before {
    z-index: 0 !important;
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    -webkit-backdrop-filter: blur(7px) !important;
}

.home-worldcup-scoreboard .home-worldcup-head h2,
.home-worldcup-scoreboard .match-score b,
.home-worldcup-scoreboard .match-team strong {
    text-shadow: 0 3px 12px rgba(0,0,0,.48) !important;
}

.pro-footer-social a[aria-label=Facebook] {
    border-color: rgba(24,119,242,.45) !important;
}

.pro-footer-social a[aria-label=Instagram] {
    border-color: rgba(253,89,73,.42) !important;
}

.pro-footer-social a[aria-label=Threads] {
    border-color: rgba(255,255,255,.2) !important;
}

.pro-footer-social a[aria-label=TikTok] {
    border-color: rgba(37,244,238,.3) !important;
}

:root {
    --shared-hero-bg: url("./assets/hero-bg.webp");
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(7px) saturate(1.05) !important;
}

.home-worldcup-head span {
    display: none !important;
}

.home-worldcup-head h2 {
    margin: 0 0 4px !important;
    font-size: 24px !important;
}

.home-worldcup-head p {
    margin: 0 !important;
    color: #c4cedf !important;
}

.home-worldcup-head a {
    min-height: 36px !important;
}

.match-competition-link {
    transition: transform .18s ease,background .18s ease,border-color .18s ease !important;
}

.match-competition-link:hover {
    transform: translateY(-1px) !important;
}

.pro-footer-social a:hover {
    box-shadow: 0 16px 30px rgba(255,49,49,.18),0 12px 24px rgba(28,55,143,.16),inset 0 1px 0 rgba(255,255,255,.14) !important;
}

@media (max-width: 760px) {
    .home-worldcup-head h2 {
        font-size: 20px !important;
    }

    .home-worldcup-head p {
        font-size: 11px !important;
    }
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: none !important;
}

.home-worldcup-scoreboard::before {
    opacity: .42 !important;
    filter: saturate(1.06) contrast(1.02) brightness(1.02) !important;
}

.home-wc-selected-list,
.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs,
.home-worldcup-selected {
    background: 0 0 !important;
    box-shadow: none !important;
}

.match-card-top {
    justify-content: flex-start !important;
}

.match-card-top em {
    display: none !important;
}

.pro-footer-social a[aria-label=Instagram] {
    box-shadow: 0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(214,36,159,.1) inset !important;
}

.pro-footer-social a[aria-label=Facebook] {
    box-shadow: 0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(24,119,242,.1) inset !important;
}

.pro-footer-social a[aria-label=Threads] {
    box-shadow: 0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.08) inset !important;
}

.pro-footer-social a:hover {
    border-color: rgba(255,255,255,.22) !important;
    background: rgba(16,24,39,.92) !important;
}

.home-worldcup-head,
.home-worldcup-head * {
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(3px) saturate(1.02) !important;
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    -webkit-backdrop-filter: blur(4px) !important;
}

.home-worldcup-scoreboard .match-card-top {
    gap: 8px !important;
}

.match-competition-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.home-worldcup-scoreboard .match-team strong {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.home-worldcup-scoreboard .match-flag {
    display: grid !important;
    place-items: center !important;
}

.home-worldcup-scoreboard .match-score {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-worldcup-scoreboard .match-score b {
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.48) !important;
}

.home-worldcup-scoreboard .match-score small {
    display: none !important;
}

.home-worldcup-scoreboard .team-mini-scorers {
    display: none !important;
}

.pro-footer-social a {
    place-items: center !important;
    border-radius: 50% !important;
    transition: transform .2s ease,box-shadow .2s ease,filter .2s ease !important;
}

.pro-footer-social a[aria-label=TikTok] {
    box-shadow: 0 12px 26px rgba(0,0,0,.22),-3px 0 10px rgba(37,244,238,.28),3px 0 10px rgba(254,44,85,.28) !important;
}

.pro-footer-social a:hover {
    filter: saturate(1.08) brightness(1.04) !important;
}

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

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(6px) saturate(1.04) !important;
    isolation: isolate !important;
}

.home-worldcup-scoreboard::after {
    z-index: 0 !important;
}

.home-worldcup-scoreboard > * {
    position: relative !important;
    z-index: 2 !important;
}

.home-worldcup-head,
.home-worldcup-head * {
    display: none !important;
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    background: 0 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.home-worldcup-day-tab {
    color: #fff !important;
}

.home-worldcup-day-tab span {
    color: #b7c1d5 !important;
    font-weight: 900 !important;
}

.home-worldcup-day-tab strong {
    color: #fff !important;
    font-weight: 950 !important;
}

.home-worldcup-day-tab em {
    color: #cfd8ea !important;
    font-weight: 900 !important;
}

.home-worldcup-day-tab.active,
.home-worldcup-day-tab.is-today {
    border-color: rgba(255,49,49,.75) !important;
    transform: translateY(-2px) !important;
}

.home-worldcup-day-tab.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: -1px !important;
    width: 46px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #fff !important;
    opacity: .82 !important;
}

.home-worldcup-scoreboard .match-card-top em {
    display: none !important;
}

.match-competition-link {
    border-radius: 999px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.match-competition-link:hover {
    color: #fff !important;
    background: rgba(255,49,49,.18) !important;
    border-color: rgba(255,49,49,.32) !important;
}

.home-worldcup-scoreboard .match-flag {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
}

.home-worldcup-scoreboard .match-team strong {
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.36) !important;
}

.home-worldcup-scoreboard .match-score {
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.home-worldcup-scoreboard .match-live,
.home-worldcup-scoreboard .match-status {
    border-radius: 999px !important;
    font-weight: 950 !important;
}

.home-worldcup-scoreboard .match-score b {
    font-weight: 950 !important;
}

.home-page .hero {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    background-image: url("./assets/hero-bg.webp") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}

.home-page .hero::after {
    background: linear-gradient(to bottom,rgba(7,11,22,.1) 0,rgba(7,11,22,.07) 28%,rgba(7,11,22,.18) 100%),radial-gradient(circle at 50% 45%,rgba(255,49,49,.05),transparent 40%) !important;
}

.pro-footer-social a[aria-label=Facebook] {
    background: #1877f2 !important;
}

.pro-footer-social a[aria-label=Instagram] {
    background: radial-gradient(circle at 30% 107%,#fdf497 0 5%,#fd5949 42%,#d6249f 60%,#285aeb 90%) !important;
}

.pro-footer-social a[aria-label=Threads] {
    background: #000 !important;
}

.pro-footer-social a[aria-label=TikTok] {
    background: #000 !important;
}

@media (max-width: 900px) {
    .home-page .hero {
        background-attachment: scroll !important;
    }
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(5px) saturate(1.04) !important;
}

.home-worldcup-scoreboard::before {
    display: none !important;
}

.home-worldcup-day-tab {
    gap: 3px !important;
}

.home-worldcup-day-tab.active,
.home-worldcup-day-tab.is-today {
    background: radial-gradient(circle at 50% 0,rgba(255,255,255,.2),transparent 48%),linear-gradient(135deg,#ff3131,#a80f19) !important;
    box-shadow: 0 14px 32px rgba(255,49,49,.2),inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid {
    scrollbar-width: thin !important;
}

.match-competition-link {
    color: #e8eefb !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.11) !important;
}

.home-worldcup-scoreboard .match-score b {
    letter-spacing: -.2px !important;
}

.pro-footer-social {
    flex-wrap: wrap !important;
}

.pro-footer-social a {
    flex-direction: column !important;
    gap: 10px !important;
    box-shadow: none !important;
    color: #fff !important;
    opacity: 1 !important;
}

.pro-footer-social a::before {
    width: 58px !important;
    height: 58px !important;
    display: block !important;
    transform: translateX(-50%) !important;
    opacity: 1 !important;
}

.pro-footer-social a svg {
    filter: none !important;
}

@media (max-width: 520px) {
    .pro-footer-social a::before {
        width: 50px !important;
        height: 50px !important;
    }
}

.home-worldcup-scoreboard {
    -webkit-backdrop-filter: blur(4px) saturate(1.02) !important;
}

.home-worldcup-scoreboard::after {
    opacity: 1 !important;
}

.home-worldcup-scoreboard .match-team strong {
    min-height: auto !important;
}

.home-worldcup-scoreboard .match-score {
    gap: 2px !important;
}

.match-competition-link {
    font-size: 10px !important;
    min-height: 20px !important;
}

.home-worldcup-scoreboard::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent) !important;
    pointer-events: none !important;
}

.home-worldcup-scoreboard::after {
    content: "" !important;
    position: absolute !important;
    inset: auto -10% -32% -10% !important;
    height: 52% !important;
    background: radial-gradient(circle at 50% 20%,rgba(255,49,49,.08),transparent 45%) !important;
    pointer-events: none !important;
    filter: blur(16px) !important;
}

.home-worldcup-five-days {
    margin-bottom: 12px !important;
}

.home-worldcup-day-tab {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.home-worldcup-day-tab.active,
.home-worldcup-day-tab.is-active,
.home-worldcup-day-tab[aria-selected=true] {
    box-shadow: 0 12px 24px rgba(255,49,49,.16),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.home-worldcup-scoreboard .match-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,255,255,.16) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.03) inset !important;
}

.home-worldcup-scoreboard .match-card-top em,
.home-worldcup-scoreboard .match-competition-link {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.home-worldcup-scoreboard .match-score {
    background: rgba(5,10,18,.3) !important;
}

.pro-footer-social {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 50px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    direction: ltr !important;
}

.pro-footer-social a {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    position: relative !important;
    border: none !important;
    background: 0 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
    text-decoration: none !important;
}

.pro-footer-social a::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: #0b1020 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.1) !important;
    z-index: 0 !important;
}

.pro-footer-social a svg {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    fill: #fff !important;
    transform: none !important;
}

.pro-footer-social a span {
    display: none !important;
}

.pro-footer-social a[aria-label=Facebook]::before {
    background: linear-gradient(135deg,#1877f2,#0f58d6) !important;
}

.pro-footer-social a[aria-label=Instagram]::before {
    background: radial-gradient(circle at 30% 107%,#fdf497 0 8%,#fd5949 42%,#d6249f 62%,#285aeb 92%) !important;
}

.pro-footer-social a[aria-label=Threads]::before {
    background: #070707 !important;
}

.pro-footer-social a[aria-label=TikTok]::before {
    background: #050505 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.24),-3px 0 14px rgba(37,244,238,.22),3px 0 14px rgba(254,44,85,.22),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.pro-footer-social a[aria-label=TikTok] svg {
    filter: drop-shadow(-1px 0 0 #25f4ee) drop-shadow(1px 0 0 #fe2c55) !important;
}

.pro-footer-social a:hover {
    transform: translateY(-3px) scale(1.04) !important;
}

.pro-footer-social a:hover::before {
    box-shadow: 0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@media (max-width: 900px) {
    .pro-footer-social {
        grid-auto-columns: 46px !important;
        gap: 11px !important;
    }

    .pro-footer-social a {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    .pro-footer-social a svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 520px) {
    .pro-footer-social {
        grid-auto-columns: 42px !important;
        gap: 9px !important;
    }

    .pro-footer-social a {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    .pro-footer-social a svg {
        width: 18px !important;
        height: 18px !important;
    }
}

footer.pro-footer .pro-footer-social {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    direction: ltr !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.09) !important;
    backdrop-filter: blur(16px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
}

footer.pro-footer .pro-footer-social .social-link {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: #0b1020 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12) !important;
    transform: none !important;
    isolation: isolate !important;
    transition: transform .22s ease,box-shadow .22s ease,filter .22s ease !important;
}

footer.pro-footer .pro-footer-social .social-link::after,
footer.pro-footer .pro-footer-social .social-link::before {
    display: none !important;
    content: none !important;
}

footer.pro-footer .pro-footer-social .social-link svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    position: static !important;
    z-index: 2 !important;
    fill: currentColor !important;
    transform: none !important;
    filter: none !important;
}

footer.pro-footer .pro-footer-social .social-link.facebook {
    background: linear-gradient(135deg,#1877f2,#0b56d9) !important;
}

footer.pro-footer .pro-footer-social .social-link.instagram {
    background: radial-gradient(circle at 30% 107%,#fdf497 0 6%,#fd5949 43%,#d6249f 62%,#285aeb 92%) !important;
}

footer.pro-footer .pro-footer-social .social-link.threads {
    background: #050505 !important;
}

footer.pro-footer .pro-footer-social .social-link.tiktok {
    background: #050505 !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28),-4px 0 18px rgba(37,244,238,.24),4px 0 18px rgba(254,44,85,.24),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

footer.pro-footer .pro-footer-social .social-link.tiktok svg {
    filter: drop-shadow(-1px 0 0 #25f4ee) drop-shadow(1px 0 0 #fe2c55) !important;
}

footer.pro-footer .pro-footer-social .social-link:hover {
    transform: translateY(-4px) scale(1.045) !important;
    filter: saturate(1.08) brightness(1.04) !important;
    box-shadow: 0 18px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15) !important;
}

footer.pro-footer .pro-footer-social span {
    display: none !important;
}

.topbar {
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    box-shadow: 0 18px 58px rgba(0,0,0,.13) !important;
}

.topbar .menu a {
    position: relative !important;
    transition: color .18s ease,transform .18s ease !important;
}

.topbar .menu a::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: -10px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg,transparent,#ff3131,transparent) !important;
    opacity: 0 !important;
    transform: scaleX(.35) !important;
    transition: .22s ease !important;
}

.topbar .menu a:hover {
    color: #fff !important;
    transform: translateY(-1px) !important;
}

.topbar .menu a.active::after,
.topbar .menu a:hover::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

.home-worldcup-scoreboard .match-card:hover {
    background: radial-gradient(circle at 50% 0,rgba(255,255,255,.075),transparent 40%),linear-gradient(145deg,rgba(10,16,30,.5),rgba(6,10,19,.3)) !important;
}

.pro-footer {
    border-color: rgba(255,255,255,.105) !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.pro-footer-brand img {
    filter: drop-shadow(0 10px 26px rgba(255,49,49,.13)) !important;
}

@media (max-width: 980px) {
    footer.pro-footer .pro-footer-social {
        padding: 9px 10px !important;
        gap: 10px !important;
    }

    footer.pro-footer .pro-footer-social .social-link {
        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        flex-basis: 44px !important;
    }

    footer.pro-footer .pro-footer-social .social-link svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }
}

@media (max-width: 520px) {
    footer.pro-footer .pro-footer-social {
        gap: 8px !important;
        padding: 8px 9px !important;
    }

    footer.pro-footer .pro-footer-social .social-link {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex-basis: 40px !important;
    }

    footer.pro-footer .pro-footer-social .social-link svg {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }
}

.home-worldcup-day-tab.is-today:not(.active) {
    background: linear-gradient(145deg,rgba(10,16,31,.62),rgba(6,10,20,.46)) !important;
    border-color: rgba(255,255,255,.11) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.1) !important;
    transform: none !important;
}

.home-worldcup-day-tab.is-today:not(.active) span {
    color: #b7c1d5 !important;
}

.home-worldcup-day-tab.is-today:not(.active) strong {
    color: #fff !important;
}

.home-worldcup-day-tab.is-today:not(.active) em {
    color: #cfd8ea !important;
}

.home-worldcup-day-tab.active {
    transform: translateY(-2px) !important;
}

.home-worldcup-day-tab.active em,
.home-worldcup-day-tab.active span,
.home-worldcup-day-tab.active strong {
    color: #fff !important;
}

:root {
    --pro-gold: #ffd27c;
}

body {
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
}

body::before {
    opacity: .28 !important;
    mask-image: linear-gradient(to bottom,black 0%,transparent 72%) !important;
}

* {
    scrollbar-color: rgba(255,49,49,.55) rgba(255,255,255,.06) !important;
}

::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

::-webkit-scrollbar-track {
    background: rgba(255,255,255,.045) !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,#ff3131,#8f0d16) !important;
    border-radius: 999px !important;
    border: 2px solid rgba(5,9,20,.8) !important;
}

.topbar {
    border-bottom: 1px solid rgba(255,255,255,.065) !important;
}

.topbar::before {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg,transparent,rgba(255,49,49,.35),transparent) !important;
    pointer-events: none !important;
}

.brand-slogan {
    text-shadow: 0 2px 12px rgba(255,49,49,.25) !important;
}

.home-worldcup-day-tab:focus-visible,
.home-worldcup-scoreboard .match-card:focus-visible,
.pro-footer-social .social-link:focus-visible {
    outline: 2px solid rgba(255,49,49,.75) !important;
    outline-offset: 3px !important;
}

.home-worldcup-head {
    position: relative !important;
}

.pro-footer {
    margin-top: 68px !important;
    background: radial-gradient(circle at 85% 0,rgba(255,49,49,.13),transparent 34%),linear-gradient(145deg,rgba(8,13,26,.84),rgba(6,10,20,.78)) !important;
}

.cms-empty,
.home-wc-empty,
.home-worldcup-loading,
.news-empty {
    background: linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.030)) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.home-page .hero {
    min-height: 555px !important;
    background-position: center bottom !important;
}

@media (max-width: 1180px) {
    .home-page .hero {
        min-height: 535px !important;
    }
}

@media (max-width: 900px) {
    .home-page .hero {
        min-height: 470px !important;
    }
}

@media (max-width: 520px) {
    .home-page .hero {
        min-height: 435px !important;
    }
}

.home-worldcup-day-tab {
    background: linear-gradient(180deg,rgba(8,13,26,.78),rgba(8,13,26,.5)) !important;
    border: 1px solid rgba(255,255,255,.1) !important;
}

.home-worldcup-day-tab.active {
    background: linear-gradient(135deg,#ff3131,#a40e18) !important;
    border-color: rgba(255,49,49,.65) !important;
    box-shadow: 0 14px 30px rgba(255,49,49,.2),inset 0 1px 0 rgba(255,255,255,.15) !important;
}

.home-worldcup-scoreboard .match-card-top {
    width: 100% !important;
    direction: rtl !important;
}

.home-worldcup-scoreboard .match-competition-center {
    max-width: 92% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    border-radius: 999px !important;
    color: #edf3ff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}

.home-worldcup-scoreboard .match-competition-center img {
    width: 15px !important;
    height: 15px !important;
    object-fit: contain !important;
}

.home-worldcup-scoreboard .match-competition-center span {
    color: #edf3ff !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-worldcup-scoreboard .match-team strong {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    letter-spacing: 0 !important;
}

.home-wc-empty,
.home-worldcup-loading {
    background: linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022)) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
}

.home-worldcup-scoreboard .match-competition-center {
    min-height: 20px !important;
    padding: 0 8px !important;
}

.home-worldcup-scoreboard .match-competition-center span {
    max-width: 116px !important;
    font-size: 9px !important;
}

body {
    background: #050914 !important;
}

body::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -3 !important;
    pointer-events: none !important;
    transform: translateZ(0) !important;
}

body::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
}

.topbar {
    background: linear-gradient(180deg,rgba(6,10,20,.96),rgba(6,10,20,.84)) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

.home-worldcup-scoreboard {
    position: relative !important;
    z-index: 7 !important;
    background: radial-gradient(circle at 20% 0,rgba(255,49,49,.1),transparent 30%),radial-gradient(circle at 88% 16%,rgba(78,112,255,.06),transparent 34%),linear-gradient(155deg,rgba(6,10,18,.58),rgba(8,14,24,.34)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(10px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(10px) saturate(1.06) !important;
}

.home-worldcup-scoreboard .home-worldcup-tabs {
    margin: 0 0 11px !important;
}

.home-worldcup-five-days {
    justify-content: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 7px !important;
    scroll-snap-type: x proximity !important;
}

.home-worldcup-day-tab {
    flex: 0 0 120px !important;
    scroll-snap-align: center !important;
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    scroll-snap-type: x proximity !important;
}

.home-wc-empty,
.home-worldcup-loading {
    min-height: 48px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
    color: #e8eefb !important;
}

body::before {
    background: linear-gradient(90deg,rgba(5,9,18,.04) 0,rgba(5,9,18,.08) 34%,rgba(5,9,18,.38) 68%,rgba(5,9,18,.7) 100%),url("./assets/hero-bg.webp") left bottom/cover no-repeat !important;
}

body::after {
    background: linear-gradient(to bottom,rgba(5,9,18,.04),rgba(5,9,18,.22) 46%,rgba(5,9,18,.78) 100%) !important;
}

.breaking-track {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    background: 0 0 !important;
    color: #f4f7ff !important;
    position: relative !important;
    z-index: 2 !important;
}

.breaking-track.breaking-static {
    min-height: 56px !important;
}

.breaking-track a,
.breaking-track span {
    color: #f4f7ff !important;
    font-weight: 800 !important;
}

.hero-news-slider {
    height: auto !important;
    border-radius: 34px !important;
}

.breaking-track {
    padding: 0 16px !important;
}

.breaking-track a,
.breaking-track span {
    font-size: 14px !important;
}

.hero-news-slider {
    min-height: 500px !important;
}

.breaking-track.breaking-ticker {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    direction: ltr !important;
    contain: paint !important;
    white-space: nowrap !important;
}

.breaking-track.breaking-ticker a,
.breaking-track.breaking-ticker div,
.breaking-track.breaking-ticker span {
    box-sizing: border-box !important;
    animation: none !important;
}

.breaking-viewport {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    direction: ltr !important;
    mask-image: linear-gradient(90deg,transparent 0,#000 42px,#000 calc(100% - 42px),transparent 100%) !important;
    -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 42px,#000 calc(100% - 42px),transparent 100%) !important;
}

.breaking-loop {
    height: 100% !important;
    width: max-content !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 0 !important;
    direction: ltr !important;
    will-change: transform !important;
    transform: translate3d(0,0,0);
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
}

.breaking-group {
    height: 100% !important;
    width: max-content !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding-inline: 9px !important;
    flex: 0 0 auto !important;
    direction: ltr !important;
}

.breaking-item {
    height: 38px !important;
    max-width: 620px !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    direction: rtl !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.105) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07),0 10px 24px rgba(0,0,0,.13) !important;
    transition: background .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1) !important;
}

.breaking-item:focus-visible,
.breaking-item:hover {
    background: rgba(255,49,49,.22) !important;
    border-color: rgba(255,49,49,.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 14px 30px rgba(255,49,49,.14) !important;
    transform: translateY(-1px) !important;
    outline: 0 !important;
}

.breaking-title {
    display: block !important;
    max-width: 560px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.breaking-ticker.is-slowing .breaking-item {
    border-color: rgba(255,255,255,.16) !important;
}

.breaking-fade {
    position: absolute !important;
    top: 0 !important;
    z-index: 4 !important;
    width: 52px !important;
    height: 100% !important;
    pointer-events: none !important;
}

.breaking-fade-start {
    left: 0 !important;
    background: linear-gradient(90deg,rgba(20,7,10,.98),rgba(20,7,10,0)) !important;
}

.breaking-fade-end {
    right: 0 !important;
    background: linear-gradient(270deg,rgba(20,7,10,.98),rgba(20,7,10,0)) !important;
}

.breaking-empty {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    direction: rtl !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

@media (max-width: 720px) {
    .breaking-viewport {
        mask-image: linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%) !important;
        -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%) !important;
    }

    .breaking-fade {
        width: 26px !important;
    }

    .breaking-group {
        gap: 10px !important;
        padding-inline: 5px !important;
    }

    .breaking-item {
        height: 34px !important;
        max-width: 310px !important;
        padding: 0 12px !important;
    }

    .breaking-title {
        max-width: 260px !important;
        font-size: 12.5px !important;
    }
}

@media (max-width: 420px) {
    .breaking-item {
        max-width: 260px !important;
    }

    .breaking-title {
        max-width: 218px !important;
    }
}

.home-worldcup-five-days {
    align-items: stretch !important;
}

.home-worldcup-day-tab {
    position: relative !important;
}

@media (max-width: 900px) {
    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        -ms-overflow-style: none !important;
    }
}

@media (max-width: 560px) {
    .home-worldcup-day-tab {
        flex-basis: 96px !important;
    }
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid {
    overflow: visible !important;
}

.home-worldcup-scoreboard {
    width: min(1180px,calc(100vw - 32px)) !important;
    max-width: 1180px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto -120px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

.home-worldcup-selected {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.home-worldcup-five-days {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 10px !important;
}

.home-worldcup-day-tab {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
}

.home-worldcup-day-tab span {
    font-size: 10px !important;
}

.home-worldcup-day-tab strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
}

.home-worldcup-day-tab em {
    font-size: 10px !important;
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid {
    width: 100% !important;
    max-width: 980px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 245px !important;
    margin: 0 auto !important;
    padding: 0 2px 4px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit,minmax(330px,1fr)) !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: 0 0 !important;
    box-shadow: none !important;
}

.home-worldcup-scoreboard .match-card-top {
    min-height: 24px !important;
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-worldcup-scoreboard .match-card-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 92px minmax(0,1fr) !important;
    gap: 12px !important;
    align-items: center !important;
}

.home-worldcup-scoreboard .match-team {
    min-width: 0 !important;
    min-height: 80px !important;
    gap: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-worldcup-scoreboard .match-flag {
    width: 58px !important;
    height: 46px !important;
    min-width: 58px !important;
    min-height: 46px !important;
    border-radius: 12px !important;
}

.home-worldcup-scoreboard .match-flag img {
    width: 50px !important;
    height: 36px !important;
    object-fit: contain !important;
}

.home-worldcup-scoreboard .match-team strong {
    width: 100% !important;
    max-width: 120px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 950 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
}

.home-worldcup-scoreboard .match-score {
    min-width: 0 !important;
    min-height: 74px !important;
    padding: 8px 6px !important;
    border-radius: 16px !important;
}

.home-worldcup-scoreboard .match-live,
.home-worldcup-scoreboard .match-status {
    min-height: 20px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
}

.home-worldcup-scoreboard .match-score b {
    font-size: 30px !important;
    line-height: 1 !important;
}

.home-worldcup-scoreboard .match-score small {
    font-size: 11px !important;
    line-height: 1.2 !important;
}

@media (min-width: 1200px) {
    .home-wc-selected-list,
    .home-wc-selected-list.is-grid {
        grid-template-columns: repeat(auto-fit,minmax(360px,420px)) !important;
        max-width: 960px !important;
    }
}

@media (max-width: 900px) {
    .home-worldcup-scoreboard {
        width: calc(100vw - 14px) !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        -ms-overflow-style: none !important;
    }

    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs::-webkit-scrollbar,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .home-worldcup-five-days {
        padding-bottom: 2px !important;
    }

    .home-worldcup-day-tab {
        width: 104px !important;
        min-height: 58px !important;
        padding: 7px 8px !important;
    }

    .home-wc-selected-list,
    .home-wc-selected-list.is-grid {
        max-width: 100% !important;
        max-height: none !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .home-worldcup-scoreboard .match-card-grid {
        grid-template-columns: minmax(0,1fr) 82px minmax(0,1fr) !important;
        gap: 9px !important;
    }

    .home-worldcup-scoreboard .match-flag {
        width: 52px !important;
        height: 42px !important;
        min-width: 52px !important;
        min-height: 42px !important;
    }

    .home-worldcup-scoreboard .match-flag img {
        width: 44px !important;
        height: 32px !important;
    }

    .home-worldcup-scoreboard .match-team strong {
        font-size: 13px !important;
        max-width: 94px !important;
    }

    .home-worldcup-scoreboard .match-score b {
        font-size: 25px !important;
    }
}

@media (max-width: 430px) {
    .home-worldcup-scoreboard {
        width: calc(100vw - 10px) !important;
        margin-bottom: -96px !important;
    }

    .home-worldcup-day-tab {
        flex-basis: 94px !important;
        width: 94px !important;
        min-height: 54px !important;
    }

    .home-worldcup-day-tab strong {
        font-size: 12px !important;
    }

    .home-worldcup-scoreboard .match-card-grid {
        grid-template-columns: minmax(0,1fr) 72px minmax(0,1fr) !important;
        gap: 6px !important;
    }

    .home-worldcup-scoreboard .match-flag {
        width: 46px !important;
        height: 37px !important;
        min-width: 46px !important;
        min-height: 37px !important;
    }

    .home-worldcup-scoreboard .match-flag img {
        width: 38px !important;
        height: 28px !important;
    }

    .home-worldcup-scoreboard .match-team strong {
        font-size: 12px !important;
        max-width: 80px !important;
    }

    .home-worldcup-scoreboard .match-score {
        min-height: 64px !important;
    }

    .home-worldcup-scoreboard .match-score b {
        font-size: 22px !important;
    }
}

.home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
.home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
    scroll-behavior: smooth !important;
}

@media (min-width: 901px) {
    .home-wc-selected-list,
    .home-wc-selected-list.is-grid {
        display: grid !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 16px !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 4px 0 2px !important;
        align-items: stretch !important;
    }

    .home-worldcup-scoreboard .match-card-grid {
        grid-template-columns: minmax(0,1fr) 112px minmax(0,1fr) !important;
        gap: 16px !important;
    }

    .home-worldcup-scoreboard .match-team {
        min-height: 84px !important;
        gap: 10px !important;
    }

    .home-worldcup-scoreboard .match-flag {
        width: 62px !important;
        height: 48px !important;
        border-radius: 12px !important;
    }

    .home-worldcup-scoreboard .match-flag img {
        width: 52px !important;
        height: 38px !important;
    }

    .home-worldcup-scoreboard .match-team strong {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    .home-worldcup-scoreboard .match-score {
        min-height: 82px !important;
        padding: 10px 8px !important;
    }

    .home-worldcup-scoreboard .match-score b {
        font-size: 34px !important;
    }
}

@media (min-width: 1180px) {
    .home-wc-selected-list,
    .home-wc-selected-list.is-grid {
        gap: 18px !important;
    }

    .home-worldcup-scoreboard .match-card-grid {
        grid-template-columns: minmax(0,1fr) 120px minmax(0,1fr) !important;
    }
}

.home-worldcup-scoreboard {
    padding: 14px 16px 16px !important;
}

.home-worldcup-selected {
    overflow: visible !important;
}

@media (min-width: 901px) {
    .home-wc-selected-list {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        max-height: 470px !important;
        overflow: auto !important;
        padding-inline-end: 4px !important;
    }
}

@media (max-width: 900px) {
    .home-worldcup-scoreboard {
        margin-bottom: -88px !important;
        padding: 10px !important;
    }

    .home-wc-selected-list {
        grid-template-columns: 1fr !important;
        max-height: 560px !important;
        overflow: auto !important;
    }
}

.home-wc-slider-shell {
    position: relative !important;
    width: 100% !important;
}

.home-wc-slider-viewport {
    width: 100% !important;
}

.home-wc-slider-arrow {
    display: none !important;
}

@media (min-width: 901px) {
    .home-wc-slider-viewport {
        -ms-overflow-style: none !important;
    }

    .home-wc-slider-track {
        flex-wrap: nowrap !important;
    }

    .home-wc-slider-track .match-card {
        flex: 0 0 258px !important;
    }

    .home-wc-slider-track .match-card-top {
        margin: 0 0 8px !important;
    }

    .home-wc-slider-track .match-competition-link {
        font-size: 11px !important;
    }

    .home-wc-slider-track .match-live,
    .home-wc-slider-track .match-status {
        min-height: 18px !important;
        padding: 0 8px !important;
        font-size: 8.5px !important;
    }

    .home-wc-slider-track .match-score small {
        line-height: 1.15 !important;
    }

    .home-wc-slider-track .team-mini-scorers {
        display: none !important;
    }

    .home-wc-slider-arrow {
        cursor: pointer !important;
        color: #fff !important;
        box-shadow: 0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06) !important;
        transition: transform .22s ease,border-color .22s ease,opacity .22s ease,background .22s ease !important;
    }

    .home-wc-slider-arrow:hover:not(:disabled) {
        transform: translateY(-1px) !important;
        border-color: rgba(255,49,49,.34) !important;
        background: linear-gradient(135deg,rgba(255,49,49,.22),rgba(159,13,24,.16)) !important;
    }

    .home-wc-slider-arrow:disabled {
        opacity: .35 !important;
        cursor: default !important;
    }

    .home-wc-slider-arrow span {
        width: 10px !important;
        height: 10px !important;
        display: block !important;
        border-right: 3px solid #fff !important;
        border-bottom: 3px solid #fff !important;
        border-radius: 2px !important;
    }
}

@media (max-width: 900px) {
    .home-wc-slider-viewport {
        width: 100% !important;
    }

    .home-wc-slider-track {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

.home-wc-direct-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.home-wc-slider-shell {
    margin-top: 0 !important;
}

.home-wc-slider-viewport {
    overscroll-behavior-inline: contain !important;
}

@media (min-width: 901px) {
    .home-wc-card-track .match-card {
        flex-basis: 236px !important;
    }

    .home-wc-card-track .match-competition-link {
        margin: 0 auto !important;
        font-size: 10px !important;
    }
}

@media (max-width: 900px) {
    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        padding-inline: calc((100vw - 108px)/ 2) !important;
        scroll-padding-inline: calc((100vw - 108px)/ 2) !important;
        box-sizing: border-box !important;
    }

    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .home-worldcup-five-days {
        width: max-content !important;
        min-width: max-content !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 9px !important;
        margin-inline: auto !important;
    }

    .home-worldcup-day-tab {
        min-width: 108px !important;
        flex: 0 0 108px !important;
        scroll-snap-align: center !important;
        scroll-margin-inline: calc((100vw - 108px)/ 2) !important;
    }
}

@media (max-width: 480px) {
    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        padding-inline: calc((100vw - 96px)/ 2) !important;
        scroll-padding-inline: calc((100vw - 96px)/ 2) !important;
    }

    .home-worldcup-day-tab {
        min-width: 96px !important;
        flex-basis: 96px !important;
        scroll-margin-inline: calc((100vw - 96px)/ 2) !important;
    }
}

@media (min-width: 901px) {
    .home-worldcup-scoreboard {
        width: min(1240px,calc(100vw - 52px)) !important;
        max-width: 1240px !important;
        padding: 14px 16px 16px !important;
        margin-bottom: -58px !important;
        overflow: hidden !important;
    }

    .home-wc-direct-row {
        gap: 10px !important;
    }

    .home-wc-slider-shell {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 46px minmax(0,1fr) 46px !important;
        grid-template-areas: "next viewport prev" !important;
        align-items: center !important;
        gap: 12px !important;
        direction: ltr !important;
        margin-top: 2px !important;
    }

    .home-wc-slider-arrow.prev {
        grid-area: prev !important;
    }

    .home-wc-slider-arrow.next {
        grid-area: next !important;
    }

    .home-wc-slider-viewport {
        grid-area: viewport !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        direction: rtl !important;
        padding: 2px 0 !important;
    }

    .home-wc-slider-viewport::-webkit-scrollbar {
        display: none !important;
    }

    .home-wc-selected-list.home-wc-slider-track.home-wc-card-track,
    .home-wc-slider-track,
    .home-wc-card-track {
        width: 100% !important;
        min-width: 100% !important;
        max-height: none !important;
        overflow: visible !important;
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100% - 28px)/ 3) !important;
        grid-template-columns: none !important;
        gap: 14px !important;
        align-items: stretch !important;
        justify-content: start !important;
        padding: 2px !important;
        direction: rtl !important;
    }

    .home-wc-slider-track .match-card,
    .home-wc-card-track .match-card,
    .home-worldcup-scoreboard .home-wc-card-track .match-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 122px !important;
        height: 100% !important;
        padding: 12px 12px 11px !important;
        border-radius: 18px !important;
    }

    .home-wc-slider-track .match-card-top,
    .home-wc-card-track .match-card-top {
        margin-bottom: 7px !important;
    }

    .home-wc-slider-track .match-card-grid,
    .home-wc-card-track .match-card-grid {
        grid-template-columns: minmax(0,1fr) 78px minmax(0,1fr) !important;
        gap: 8px !important;
    }

    .home-wc-slider-track .match-flag,
    .home-wc-card-track .match-flag {
        width: 44px !important;
        height: 34px !important;
        border-radius: 10px !important;
    }

    .home-wc-slider-track .match-flag img,
    .home-wc-card-track .match-flag img {
        width: 36px !important;
        height: 26px !important;
    }

    .home-wc-slider-track .match-team,
    .home-wc-card-track .match-team {
        min-height: 62px !important;
        gap: 6px !important;
    }

    .home-wc-slider-track .match-team strong,
    .home-wc-card-track .match-team strong {
        font-size: 13px !important;
        line-height: 1.28 !important;
    }

    .home-wc-slider-track .match-score,
    .home-wc-card-track .match-score {
        min-height: 60px !important;
        padding: 7px 5px !important;
        border-radius: 14px !important;
    }

    .home-wc-slider-track .match-score b,
    .home-wc-card-track .match-score b {
        font-size: 22px !important;
        line-height: 1 !important;
    }

    .home-wc-slider-track .match-score small,
    .home-wc-card-track .match-score small {
        font-size: 9px !important;
    }

    .home-wc-slider-arrow {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        opacity: 0 !important;
        pointer-events: none !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        background: linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045)) !important;
    }

    .home-wc-slider-shell.has-overflow .home-wc-slider-arrow {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    .home-wc-slider-arrow.prev span {
        transform: rotate(-45deg) !important;
        margin: 0 !important;
    }

    .home-wc-slider-arrow.next span {
        transform: rotate(135deg) !important;
        margin: 0 !important;
    }
}

.home-worldcup-scoreboard .match-card-top {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    direction: rtl !important;
}

.home-worldcup-scoreboard .match-competition-center,
.home-worldcup-scoreboard .match-competition-center span {
    max-width: none !important;
}

.home-worldcup-scoreboard .match-competition-center {
    flex: 1 1 auto !important;
    justify-content: center !important;
    padding: 0 10px !important;
}

.home-worldcup-scoreboard .match-competition-center span {
    max-width: 100% !important;
    font-size: 10px !important;
}

.home-worldcup-scoreboard .match-top-meta {
    flex: 0 0 auto !important;
    min-width: 48px !important;
    min-height: 22px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: #f8fbff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06)) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    white-space: nowrap !important;
}

.home-worldcup-scoreboard .match-top-meta.live {
    color: #fff5f5 !important;
    background: linear-gradient(135deg,rgba(255,49,49,.35),rgba(168,27,52,.2)) !important;
    border-color: rgba(255,95,95,.3) !important;
}

.home-wc-direct-row {
    gap: 8px !important;
}

@media (max-width: 900px) {
    .home-worldcup-scoreboard #homeWorldCupTabs.home-worldcup-five-tabs,
    .home-worldcup-scoreboard .home-worldcup-tabs.home-worldcup-five-tabs {
        scroll-snap-type: x mandatory !important;
    }

    .home-worldcup-five-days {
        justify-content: flex-start !important;
        scroll-snap-type: x mandatory !important;
    }

    .home-worldcup-day-tab.active {
        scroll-snap-stop: always !important;
    }

    .home-worldcup-scoreboard .match-card-top {
        gap: 6px !important;
    }

    .home-worldcup-scoreboard .match-competition-center {
        min-height: 22px !important;
        padding: 0 8px !important;
    }

    .home-worldcup-scoreboard .match-competition-center span,
    .home-worldcup-scoreboard .match-top-meta {
        font-size: 9px !important;
    }

    .home-worldcup-scoreboard .match-top-meta {
        min-width: 42px !important;
        padding: 0 8px !important;
    }
}

.match-competition-link {
    min-width: 54px !important;
    padding: 4px 10px !important;
}

.match-competition-link img {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.18)) !important;
}

.topbar .brand {
    min-width: 124px !important;
}

.topbar .brand img {
    width: 78px !important;
    max-width: 78px !important;
    max-height: 66px !important;
    object-fit: contain !important;
    image-rendering: -webkit-optimize-contrast !important;
    filter: drop-shadow(0 6px 18px rgba(255,49,49,.2)) drop-shadow(0 3px 10px rgba(0,0,0,.28)) contrast(1.08) saturate(1.1) !important;
}

.brand-slogan {
    font-size: 13px !important;
    letter-spacing: .1px !important;
}

@media (max-width: 900px) {
    .topbar .brand {
        min-width: 98px !important;
    }

    .topbar .brand img {
        width: 60px !important;
        max-width: 60px !important;
        max-height: 52px !important;
    }

    .brand-slogan {
        font-size: 11px !important;
    }

    .match-competition-link img {
        width: 24px !important;
        height: 24px !important;
    }
}

@media (max-width: 520px) {
    .topbar .brand {
        min-width: 90px !important;
    }

    .topbar .brand img {
        width: 56px !important;
        max-width: 56px !important;
        max-height: 48px !important;
    }

    .brand-slogan {
        font-size: 10px !important;
    }
}

.topbar .brand {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    line-height: 1 !important;
}

.topbar .brand img {
    margin-bottom: -7px !important;
}

.brand-slogan {
    margin-top: -5px !important;
    transform: translateY(-3px) !important;
}

.home-wc-slider-track .match-competition-link,
.home-wc-card-track .match-competition-link,
.home-worldcup-scoreboard .match-competition-link {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: auto !important;
    min-height: auto !important;
    max-width: none !important;
    border-radius: 0 !important;
}

.home-wc-slider-track .match-competition-link:hover,
.home-wc-card-track .match-competition-link:hover,
.home-worldcup-scoreboard .match-competition-link:hover {
    background: 0 0 !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

.home-wc-slider-track .match-competition-link img,
.home-wc-card-track .match-competition-link img,
.home-worldcup-scoreboard .match-competition-link img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.26)) !important;
}

@media (max-width: 900px) {
    .topbar .brand img {
        margin-bottom: -6px !important;
    }

    .brand-slogan {
        margin-top: -4px !important;
        transform: translateY(-2px) !important;
    }

    .home-wc-slider-track .match-competition-link img,
    .home-wc-card-track .match-competition-link img,
    .home-worldcup-scoreboard .match-competition-link img {
        width: 26px !important;
        height: 26px !important;
    }
}

.topbar .menu .nav-dropdown {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.topbar .menu .nav-dropdown-trigger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    cursor: pointer !important;
}

.topbar .menu .nav-dropdown-trigger span {
    display: inline-block !important;
    font-size: 10px !important;
    line-height: 1 !important;
    transition: transform .22s ease !important;
}

.topbar .menu .nav-dropdown:focus-within .nav-dropdown-trigger span,
.topbar .menu .nav-dropdown:hover .nav-dropdown-trigger span {
    transform: rotate(180deg) !important;
}

.topbar .menu .nav-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    right: 50% !important;
    transform: translate(50%,-8px) scale(.98) !important;
    min-width: 190px !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    border-radius: 18px !important;
    background: rgba(9,15,28,.94) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity .22s ease,visibility .22s ease,transform .22s ease !important;
    z-index: 9999 !important;
}

.topbar .menu .nav-dropdown:focus-within .nav-dropdown-menu,
.topbar .menu .nav-dropdown:hover .nav-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(50%,0) scale(1) !important;
}

.topbar .menu .nav-dropdown-menu a {
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #e7edf8 !important;
    white-space: nowrap !important;
    text-align: right !important;
    transition: background .18s ease,color .18s ease,transform .18s ease !important;
}

.topbar .menu .nav-dropdown-menu a::after {
    display: none !important;
}

.topbar .menu .nav-dropdown-menu a:hover {
    color: #fff !important;
    background: linear-gradient(135deg,rgba(255,49,49,.22),rgba(29,78,216,.14)) !important;
    transform: translateX(-2px) !important;
}

@media (max-width: 900px) {
    .topbar .menu .nav-dropdown {
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
    }

    .topbar .menu .nav-dropdown-trigger {
        width: 100% !important;
        justify-content: space-between !important;
    }

    .topbar .menu .nav-dropdown-menu {
        position: static !important;
        min-width: 0 !important;
        width: 100% !important;
        margin-top: 0 !important;
        padding: 6px !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        border-radius: 14px !important;
        background: rgba(255,255,255,.055) !important;
        box-shadow: none !important;
    }

    .topbar .menu .nav-dropdown:focus-within .nav-dropdown-menu,
    .topbar .menu .nav-dropdown:hover .nav-dropdown-menu {
        transform: none !important;
    }

    .topbar .menu .nav-dropdown-menu a {
        padding: 9px 12px !important;
        font-size: 12.5px !important;
    }
}

@media (max-width: 900px) {
    .topbar .menu .nav-dropdown-egyptian .nav-dropdown-trigger span {
        transition: transform .22s ease !important;
    }

    .topbar .menu .nav-dropdown-egyptian .nav-dropdown-menu {
        display: flex !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        transform: none !important;
        transition: max-height .28s ease,opacity .22s ease,visibility .22s ease,padding .22s ease,margin .22s ease !important;
    }

    .topbar .menu .nav-dropdown-egyptian.is-open .nav-dropdown-menu {
        max-height: 270px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        margin-top: 2px !important;
    }

    .topbar .menu .nav-dropdown-egyptian.is-open .nav-dropdown-trigger span {
        transform: rotate(180deg) !important;
    }

    .topbar .menu .nav-dropdown-egyptian:not(.is-open):focus-within .nav-dropdown-menu,
    .topbar .menu .nav-dropdown-egyptian:not(.is-open):hover .nav-dropdown-menu {
        max-height: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (min-width: 901px) {
    .topbar .menu .nav-dropdown-egyptian::after {
        content: "" !important;
        position: absolute !important;
        top: 100% !important;
        right: -14px !important;
        left: -14px !important;
        height: 28px !important;
        background: 0 0 !important;
        pointer-events: auto !important;
        z-index: 9998 !important;
    }

    .topbar .menu .nav-dropdown-egyptian .nav-dropdown-menu {
        top: calc(100% + 12px) !important;
        transition: opacity .2s ease .32s,visibility 0s linear .32s,transform .2s ease .32s !important;
    }

    .topbar .menu .nav-dropdown-egyptian:focus-within .nav-dropdown-menu,
    .topbar .menu .nav-dropdown-egyptian:hover .nav-dropdown-menu {
        transition-delay: 0s,0s,0s !important;
    }
}

.cms-permission-user span:not(.role-chip) {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--muted,#9ca3af);
    direction: ltr;
    text-align: right;
}

.cms-news-form select,
.cms-permission-form select,
.cms-table-tools select {
    color-scheme: dark !important;
    appearance: auto !important;
    cursor: pointer !important;
}

.cms-news-form select option,
.cms-permission-form select option,
.cms-table-tools select option {
    background: #111827 !important;
    color: #fff !important;
    font-family: Cairo,sans-serif !important;
    font-weight: 900 !important;
}

.cms-news-form select option:checked,
.cms-permission-form select option:checked,
.cms-table-tools select option:checked {
    background: #263454 !important;
    color: #fff !important;
}

.cms-permission-form select {
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,.22);
    background: rgba(15,23,42,.55);
    color: #fff;
    padding: 0 10px;
    font-family: Cairo,sans-serif;
    font-weight: 900;
    outline: 0;
}

.hero-news-slider {
    background: #050814 !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 30px 82px rgba(2,6,23,.22),inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.hero-news-slider::after {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

.hero-news-slider::after {
    background: linear-gradient(to top,rgba(2,6,23,.92) 0,rgba(2,6,23,.82) 16%,rgba(2,6,23,.62) 30%,rgba(2,6,23,.36) 44%,rgba(2,6,23,.16) 56%,rgba(2,6,23,0) 68%) !important;
}

.hero-news-slider::after {
    z-index: 3 !important;
}

.hero-news-slider {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

.hero-news-slider::after {
    display: none !important;
    content: none !important;
}

.newsroom-hero {
    background: linear-gradient(135deg,rgba(5,8,18,.92),rgba(5,8,18,.56)),radial-gradient(circle at 84% 18%,rgba(255,78,78,.3),transparent 32%),url("assets/hero-bg.webp") center/cover no-repeat !important;
}

.newsroom-hero-copy h1,
.newsroom-hero-copy p,
.newsroom-hero-copy span {
    color: #fff !important;
    opacity: 1 !important;
}

.newsroom-hero-copy span {
    text-shadow: 0 6px 18px rgba(0,0,0,.26) !important;
}

.newsroom-hero-copy h1 {
    color: #fff !important;
    text-shadow: 0 12px 34px rgba(0,0,0,.42) !important;
}

.newsroom-hero-copy p {
    color: rgba(255,255,255,.92) !important;
    text-shadow: 0 6px 18px rgba(0,0,0,.24) !important;
}

.newsroom-toolbar {
    align-items: center !important;
}

.newsroom-panel .newsroom-filter-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    justify-content: flex-start !important;
}

.newsroom-panel .newsroom-filter-tabs button {
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04)) !important;
    color: #f8fafc !important;
    font-family: Cairo,sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.1) !important;
    transition: transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease !important;
}

.newsroom-panel .newsroom-filter-tabs button:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(255,82,82,.34) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,.14) !important;
}

.newsroom-panel .newsroom-filter-tabs button.active {
    color: #fff !important;
    border-color: rgba(255,91,91,.42) !important;
    background: linear-gradient(135deg,rgba(255,91,91,.24),rgba(255,91,91,.1)) !important;
    box-shadow: 0 12px 24px rgba(255,91,91,.14) !important;
}

.newsroom-search input {
    font-weight: 850 !important;
}

.newsroom-search input::placeholder {
    color: #cfd7e6 !important;
}

.newsroom-lead-card,
.newsroom-list-card {
    position: relative !important;
    overflow: hidden !important;
}

.newsroom-lead-card::after,
.newsroom-list-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top,rgba(3,6,15,.94) 0,rgba(3,6,15,.7) 38%,rgba(3,6,15,.28) 68%,rgba(3,6,15,.08) 100%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.newsroom-lead-overlay,
.newsroom-list-content {
    position: relative !important;
    z-index: 2 !important;
}

.newsroom-lead-overlay h2,
.newsroom-lead-overlay p,
.newsroom-list-content h3,
.newsroom-list-content p,
.newsroom-list-meta small {
    text-shadow: 0 6px 18px rgba(0,0,0,.34) !important;
}

.newsroom-news-grid {
    gap: 22px !important;
}

.newsroom-list-card {
    min-height: 380px !important;
    justify-content: flex-end !important;
    background: #09111f !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

.newsroom-list-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
}

.newsroom-list-image img {
    transition: transform .45s ease !important;
}

.newsroom-list-card:hover .newsroom-list-image img {
    transform: scale(1.05) !important;
}

.newsroom-list-content {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    padding: 20px !important;
}

.newsroom-list-meta {
    margin-bottom: 12px !important;
    align-items: center !important;
}

.newsroom-list-meta small {
    color: rgba(255,255,255,.82) !important;
}

.newsroom-list-content h3 {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 2 !important;
}

.newsroom-list-content p {
    margin-top: 10px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    -webkit-line-clamp: 3 !important;
}

@media (max-width: 760px) {
    .newsroom-panel .newsroom-filter-tabs {
        gap: 10px !important;
    }

    .newsroom-panel .newsroom-filter-tabs button {
        min-height: 42px !important;
        padding: 0 14px !important;
        font-size: 13px !important;
    }

    .newsroom-list-card {
        min-height: 320px !important;
        display: block !important;
    }

    .newsroom-list-image {
        min-height: unset !important;
    }

    .newsroom-list-content {
        padding: 16px !important;
    }

    .newsroom-list-content h3 {
        font-size: 18px !important;
    }

    .newsroom-list-content p {
        font-size: 12px !important;
        -webkit-line-clamp: 2 !important;
    }

    .newsroom-list-meta {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }
}

.news-card-skeleton {
    min-height: 190px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 22px;
    padding: 16px;
    overflow: hidden;
    background: linear-gradient(145deg,rgba(17,24,39,.94),rgba(11,16,24,.96));
}

.news-card-skeleton span,
.news-card-skeleton i,
.news-card-skeleton b {
    display: block;
    border-radius: 12px;
    background: linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.13),rgba(255,255,255,.05));
    background-size: 220% 100%;
    animation: newsSkeleton 1.15s linear infinite;
}

.news-card-skeleton span {
    height: 92px;
    margin-bottom: 16px;
}

.news-card-skeleton i {
    height: 16px;
    width: 86%;
    margin-bottom: 10px;
}

.news-card-skeleton b {
    height: 13px;
    width: 62%;
}

@keyframes newsSkeleton {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -20% 0;
    }
}

#latestGeneralNews,
#egyptianNews,
#arabNews,
#worldNews,
#otherSportsNews {
    content-visibility: auto;
    contain-intrinsic-size: 700px;
}