@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");

.apex-theme {
    --apex-divine-white: #F4F1E8;
    --apex-pearl-silver: #D8D6CF;
    --apex-steel-silver: #9B9B94;
    --apex-antique-gold: #C89B3C;
    --apex-bright-gold: #F5D77A;
    --apex-crimson-core: #B5121B;
    --apex-ember-red: #FF2A1F;
    --apex-soft-charcoal: #1A1A1C;
    --apex-deep-shadow: #0B0B0D;
    --apex-surface: rgba(244, 241, 232, 0.92);
    --apex-surface-strong: rgba(255, 255, 255, 0.96);
    --apex-panel-border: rgba(200, 155, 60, 0.34);
    --apex-panel-shadow: 0 16px 40px rgba(11, 11, 13, 0.16);
    --apex-gold-glow: 0 0 0 1px rgba(245, 215, 122, 0.28), 0 14px 30px rgba(200, 155, 60, 0.18);
    --apex-red-glow: 0 0 18px rgba(255, 42, 31, 0.35);
    --apex-heading-font: "Cinzel", serif;
    --apex-body-font: "Inter", "Prompt", sans-serif;
    /* PNG remains the baseline fallback. Production browsers upgrade to WebP via the
       @supports image-set override below without changing the visual direction. */
    --apex-bg-hero: url("../../images/apex/bg/hero-bg.png");
    --apex-bg-hero-mobile: url("../../images/apex/bg/hero-bg-mobile.png");
    --apex-bg-news: url("../../images/apex/bg/news-bg.png");
    --apex-bg-ranking: url("../../images/apex/bg/ranking-hall-bg.png");
    --apex-bg-footer: url("../../images/apex/bg/footer-bg.png");
    color: var(--apex-soft-charcoal);
    background:
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.30), transparent 32%),
        radial-gradient(circle at 15% 18%, rgba(255, 255, 255, 0.95), transparent 22%),
        linear-gradient(180deg, #fdfcf8 0%, #f2efe6 38%, #ebe7de 100%);
    font-family: var(--apex-body-font);
    letter-spacing: 0.01em;
}

@supports (background-image: image-set(url("../../images/apex/bg/hero-bg.webp") type("image/webp") 1x)) {
    .apex-theme {
        --apex-bg-hero: image-set(url("../../images/apex/bg/hero-bg.webp") type("image/webp") 1x, url("../../images/apex/bg/hero-bg.png") type("image/png") 1x);
        --apex-bg-hero-mobile: image-set(url("../../images/apex/bg/hero-bg-mobile.webp") type("image/webp") 1x, url("../../images/apex/bg/hero-bg-mobile.png") type("image/png") 1x);
        --apex-bg-news: image-set(url("../../images/apex/bg/news-bg.webp") type("image/webp") 1x, url("../../images/apex/bg/news-bg.png") type("image/png") 1x);
        --apex-bg-ranking: image-set(url("../../images/apex/bg/ranking-hall-bg.webp") type("image/webp") 1x, url("../../images/apex/bg/ranking-hall-bg.png") type("image/png") 1x);
        --apex-bg-footer: image-set(url("../../images/apex/bg/footer-bg.webp") type("image/webp") 1x, url("../../images/apex/bg/footer-bg.png") type("image/png") 1x);
    }
}

.apex-theme::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.55), transparent 28%),
        radial-gradient(circle at top right, rgba(200, 155, 60, 0.16), transparent 22%);
    opacity: 0.9;
    z-index: 0;
}

.apex-theme:not(.apex-download-page) #particles-js,
.apex-theme:not(.apex-download-page) .wrapper {
    display: none;
}

.apex-theme .wrapper,
.apex-theme .header_table,
.apex-theme .main-menu,
.apex-theme .modal {
    position: relative;
    z-index: 1;
}

.apex-theme h1,
.apex-theme h2,
.apex-theme h3,
.apex-theme h4,
.apex-theme .modal-title,
.apex-theme .allnews-text-harder {
    font-family: var(--apex-heading-font);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-theme label,
.apex-theme .help-block,
.apex-theme .allnews-text,
.apex-theme .allnews-time,
.apex-theme .table-rank > thead > tr > th,
.apex-theme .table > thead > tr > th,
.apex-theme .table > tbody > tr > td,
.apex-theme .list-group-item {
    font-family: var(--apex-body-font);
}

.apex-theme a {
    transition: color 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.apex-theme .main-menu {
    position: sticky;
    top: 0;
    z-index: 30;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(236, 232, 223, 0.96)),
        linear-gradient(90deg, rgba(200, 155, 60, 0.18), rgba(255, 255, 255, 0));
    border-bottom: 1px solid rgba(155, 155, 148, 0.25);
    box-shadow: 0 12px 24px rgba(11, 11, 13, 0.08);
    backdrop-filter: blur(12px);
}

.apex-theme .menu ul > li:not(:last-child)::before {
    background: linear-gradient(180deg, transparent, rgba(200, 155, 60, 0.45), transparent);
}

.apex-theme .menu ul li a {
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.apex-theme .menu ul li a:hover,
.apex-theme .menu ul li:hover > a {
    color: var(--apex-antique-gold);
}

.apex-theme .mega-menu,
.apex-theme .one-collam-menu .mega-menu {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 237, 227, 0.98));
    border: 1px solid rgba(200, 155, 60, 0.24);
    box-shadow: var(--apex-panel-shadow);
}

.apex-theme .mega-menu ul li a {
    color: var(--apex-soft-charcoal);
    border-bottom-color: rgba(155, 155, 148, 0.18);
}

.apex-theme .mega-menu ul li a:hover,
.apex-theme .mega-menu ul li a:hover div {
    color: var(--apex-crimson-core);
}

.apex-theme .header_logo {
    background: none;
    width: 703px;
    height: 703px;
}

.apex-theme .header_logo::before {
    content: "A";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--apex-heading-font);
    font-size: 18rem;
    font-weight: 800;
    letter-spacing: -0.08em;
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, var(--apex-pearl-silver) 28%, var(--apex-steel-silver) 58%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow:
        0 8px 28px rgba(11, 11, 13, 0.18),
        0 0 18px rgba(255, 255, 255, 0.5);
    filter: drop-shadow(0 12px 24px rgba(11, 11, 13, 0.20));
}

.apex-theme .header_logo::after {
    content: "RISE. FIGHT. DOMINATE.\AASCEND TO THE THRONE";
    white-space: pre;
    position: absolute;
    left: 50%;
    top: 54%;
    transform: translate(-50%, -50%);
    padding-top: 8.4rem;
    width: 520px;
    text-align: center;
    font-family: var(--apex-heading-font);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.32em;
    line-height: 2.05;
    color: var(--apex-soft-charcoal);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.78);
    background:
        radial-gradient(circle at 50% 22%, rgba(255, 42, 31, 0.95) 0 8px, rgba(181, 18, 27, 0.92) 8px 18px, transparent 19px),
        radial-gradient(circle at 50% 22%, rgba(255, 42, 31, 0.38) 0 28px, transparent 29px);
    box-shadow: inset 0 56px 0 transparent;
}

.apex-theme .box-status-on,
.apex-theme .box-status-off,
.apex-theme .box-status-player,
.apex-theme .box-status-account,
.apex-theme .box-status-charall {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(236, 232, 223, 0.94));
    border: 1px solid var(--apex-panel-border);
    border-radius: 16px;
    box-shadow: var(--apex-gold-glow);
    color: var(--apex-soft-charcoal);
}

.apex-theme .box-status-on {
    color: #0f6b3f;
}

.apex-theme .box-status-off {
    color: var(--apex-crimson-core);
}

.apex-theme .allnews-box,
.apex-theme .panel2,
.apex-theme .modal-content {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(242, 239, 230, 0.95));
    border: 1px solid var(--apex-panel-border);
    border-radius: 18px;
    box-shadow: var(--apex-panel-shadow);
}

.apex-theme .allnews-box {
    overflow: hidden;
}

.apex-theme .allnews-box::after {
    content: "";
    position: absolute;
    inset: auto 12px 0 12px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--apex-antique-gold), var(--apex-bright-gold), var(--apex-ember-red));
    opacity: 0.85;
}

.apex-theme .allnews-box:hover {
    box-shadow: 0 24px 48px rgba(11, 11, 13, 0.16), 0 0 0 1px rgba(245, 215, 122, 0.26);
}

.apex-theme .allnews-text-harder {
    color: var(--apex-soft-charcoal);
    font-size: 15px;
}

.apex-theme .allnews-text {
    color: rgba(26, 26, 28, 0.76);
}

.apex-theme .allnews-time {
    color: rgba(26, 26, 28, 0.56);
}

.apex-theme .status-event {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-theme .bg-update,
.apex-theme .bg-notice,
.apex-theme .bg-event,
.apex-theme .bg-promotion {
    color: var(--apex-soft-charcoal);
    background: linear-gradient(180deg, var(--apex-bright-gold), var(--apex-antique-gold));
}

.apex-theme .btn-submit,
.apex-theme .btn-register,
.apex-theme .btn-save,
.apex-theme .btn-view,
.apex-theme .btn.btn-primary {
    color: #fff;
    background: linear-gradient(135deg, var(--apex-crimson-core), var(--apex-ember-red));
    border: 1px solid rgba(181, 18, 27, 0.7);
    border-radius: 12px;
    box-shadow: var(--apex-red-glow);
    font-family: var(--apex-heading-font);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-theme .btn-reset,
.apex-theme .btn.btn-default {
    color: var(--apex-soft-charcoal);
    background: linear-gradient(180deg, #ffffff, #e9e5dd);
    border: 1px solid rgba(155, 155, 148, 0.44);
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(11, 11, 13, 0.08);
    font-family: var(--apex-heading-font);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-theme .btn-submit:hover,
.apex-theme .btn-register:hover,
.apex-theme .btn-save:hover,
.apex-theme .btn-view:hover,
.apex-theme .btn.btn-primary:hover {
    color: #fff;
    background: linear-gradient(135deg, #c61720, #ff4b3a);
    border-color: rgba(255, 42, 31, 0.88);
    transform: translateY(-1px);
}

.apex-theme .btn-reset:hover,
.apex-theme .btn.btn-default:hover {
    color: var(--apex-antique-gold);
    background: linear-gradient(180deg, #ffffff, #f3efe6);
    border-color: rgba(200, 155, 60, 0.42);
    transform: translateY(-1px);
}

.apex-theme .btn-submit:focus,
.apex-theme .btn-register:focus,
.apex-theme .btn-save:focus,
.apex-theme .btn-view:focus,
.apex-theme .btn-reset:focus,
.apex-theme .form-login:focus,
.apex-theme .form-control:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 4px rgba(245, 215, 122, 0.28);
}

.apex-theme .form-login,
.apex-theme .form-control {
    color: var(--apex-soft-charcoal);
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(155, 155, 148, 0.34);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 3px rgba(216, 214, 207, 0.22);
}

.apex-theme .form-login::placeholder,
.apex-theme .form-control::placeholder {
    color: rgba(26, 26, 28, 0.42);
}

.apex-theme label,
.apex-theme label-modal {
    color: var(--apex-soft-charcoal);
    font-weight: 600;
    letter-spacing: 0.04em;
}

.apex-theme .list-group-item {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(155, 155, 148, 0.16);
    color: var(--apex-soft-charcoal);
}

.apex-theme a.list-group-item:hover,
.apex-theme a.list-group-item:focus {
    color: var(--apex-crimson-core);
    background: linear-gradient(90deg, rgba(245, 215, 122, 0.18), rgba(255, 255, 255, 0.92));
}

.apex-theme .eddga-alert,
.apex-theme .show-reloadbox {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(242, 239, 230, 0.95));
    border: 1px solid rgba(200, 155, 60, 0.24);
    color: var(--apex-soft-charcoal);
    box-shadow: 0 12px 28px rgba(11, 11, 13, 0.08);
}

.apex-theme .modal-header {
    border-bottom: 1px solid rgba(200, 155, 60, 0.24);
}

.apex-theme .modal-title {
    color: var(--apex-soft-charcoal);
}

.apex-theme .close {
    color: var(--apex-soft-charcoal);
    opacity: 0.72;
}

.apex-theme .close:hover {
    color: var(--apex-crimson-core);
    opacity: 1;
}

.apex-theme .table > thead > tr > th,
.apex-theme .table-rank > thead > tr > th {
    color: var(--apex-antique-gold);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.apex-theme .table > tbody > tr > td,
.apex-theme .table-rank > tbody > tr > td {
    color: var(--apex-soft-charcoal);
    border-color: rgba(155, 155, 148, 0.14);
}

.apex-theme .rank-box {
    width: 270px;
}

.apex-theme .rank-number,
.apex-theme .rank-name,
.apex-theme .rank-point {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(235, 231, 222, 0.92));
    border: 1px solid rgba(200, 155, 60, 0.18);
    color: var(--apex-soft-charcoal);
    box-shadow: 0 8px 18px rgba(11, 11, 13, 0.06);
}

.apex-theme .rank-name {
    color: var(--apex-crimson-core);
    font-weight: 700;
}

.apex-theme .rank-point {
    color: var(--apex-antique-gold);
    font-weight: 700;
}

.apex-theme .btn-center,
.apex-theme .btn-footer {
    filter: saturate(0.42) brightness(1.06) contrast(1.02);
    transition: transform 0.25s ease, filter 0.25s ease;
}

.apex-theme a:hover .btn-center,
.apex-theme a:hover .btn-footer {
    transform: translateY(-2px);
    filter: saturate(0.62) brightness(1.08);
}

@media (max-width: 1280px) {
    .apex-theme .header_logo::before {
        font-size: 14rem;
    }

    .apex-theme .header_logo::after {
        width: 430px;
        font-size: 0.88rem;
        padding-top: 6.9rem;
    }
}

.apex-theme .apex-homepage {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 14px;
    width: 100%;
}

.apex-theme .container,
.apex-theme .apex-container {
    width: min(1200px, calc(100% - 48px));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

.apex-theme .apex-homepage .container,
.apex-theme .apex-homepage .apex-container {
    width: min(1200px, calc(100% - 48px));
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.apex-theme .apex-section {
    position: relative;
    padding: 42px 0;
    width: 100%;
}

.apex-theme .apex-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.12), transparent 26%),
        radial-gradient(circle at bottom right, rgba(155, 155, 148, 0.12), transparent 28%);
    opacity: 0.9;
}

.apex-theme .apex-section > .container {
    position: relative;
    z-index: 1;
}

.apex-theme .apex-homepage .apex-section > .container,
.apex-theme .apex-homepage .apex-section > .apex-container {
    position: relative;
    z-index: 1;
}

.apex-theme .apex-section-heading-left {
    max-width: 860px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.apex-theme .apex-nav-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 92px;
    gap: 22px;
}

.apex-theme .main-menu .row {
    display: block;
    flex: 1 1 auto;
    width: 100%;
    margin: 0;
}

.apex-theme .main-menu .menu {
    width: 100%;
}

.apex-theme .main-menu nav,
.apex-theme .main-menu nav > ul {
    width: 100%;
}

.apex-theme .apex-nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    min-width: 0;
    text-decoration: none;
}

.apex-theme .apex-nav-brand-mark,
.apex-theme .apex-nav-brand-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.apex-theme .apex-nav-brand-mark {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(216, 214, 207, 0.9));
    border: 1px solid rgba(200, 155, 60, 0.4);
    box-shadow: 0 16px 28px rgba(11, 11, 13, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.apex-theme .apex-nav-brand-mark img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.apex-theme .apex-nav-brand-mark-fallback,
.apex-theme .apex-nav-brand-logo-fallback {
    display: none;
}

.apex-theme .apex-nav-brand-mark.is-fallback .apex-nav-brand-mark-fallback,
.apex-theme .apex-nav-brand-logo.is-fallback .apex-nav-brand-logo-fallback {
    display: inline-flex;
}

.apex-theme .apex-nav-brand-mark.is-fallback .apex-nav-brand-mark-fallback {
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: 2rem;
    font-weight: 800;
    background:
        radial-gradient(circle at 50% 34%, rgba(255, 42, 31, 0.88) 0 6px, transparent 7px),
        linear-gradient(180deg, var(--apex-soft-charcoal), #2d2d31);
    box-shadow: inset 0 0 0 1px rgba(245, 215, 122, 0.32);
}

.apex-theme .apex-nav-brand-logo img {
    width: clamp(180px, 17vw, 260px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.apex-theme .apex-nav-brand-logo.is-fallback .apex-nav-brand-logo-fallback {
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.apex-theme .apex-card {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(239, 235, 225, 0.92));
    border: 1px solid rgba(200, 155, 60, 0.28);
    border-radius: 24px;
    box-shadow: 0 24px 50px rgba(11, 11, 13, 0.12);
    overflow: hidden;
}

.apex-theme .apex-card::after {
    content: "";
    position: absolute;
    inset: auto 18px 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(200, 155, 60, 0), rgba(200, 155, 60, 0.95), rgba(255, 42, 31, 0.4));
    opacity: 0.85;
}

.apex-theme .apex-panel-heading {
    margin-bottom: 18px;
}

.apex-theme .apex-panel-heading h2,
.apex-theme .apex-panel-heading h3 {
    margin: 8px 0 0;
    color: var(--apex-soft-charcoal);
    font-size: clamp(1.3rem, 2vw, 1.9rem);
}

.apex-theme .apex-panel-kicker,
.apex-theme .apex-eyebrow {
    display: inline-block;
    color: var(--apex-antique-gold);
    font-family: var(--apex-heading-font);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}

.apex-theme .apex-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 42px;
    padding-bottom: 30px;
    min-height: calc(100vh - 120px);
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.28), rgba(244, 241, 232, 0.18)),
        linear-gradient(135deg, rgba(11, 11, 13, 0.56), rgba(11, 11, 13, 0.18)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.3), transparent 30%),
        radial-gradient(circle at 78% 20%, rgba(255, 42, 31, 0.14), transparent 18%),
        var(--apex-bg-hero) center top/cover no-repeat;
    background-color: #dcd8cf;
}

.apex-theme .apex-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(11, 11, 13, 0.52) 0%, rgba(11, 11, 13, 0.28) 34%, rgba(11, 11, 13, 0.12) 62%, rgba(244, 241, 232, 0.08) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(11, 11, 13, 0.10) 100%);
}

.apex-theme .apex-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 130px;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(11, 11, 13, 0), rgba(11, 11, 13, 0.24));
}

.apex-theme .apex-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(360px, 0.75fr);
    gap: 28px;
    align-items: stretch;
    width: 100%;
}

.apex-theme .apex-hero-copy,
.apex-theme .apex-hero-side {
    position: relative;
    z-index: 1;
}

.apex-theme .apex-hero-copy {
    padding: 38px 40px;
    border-radius: 34px;
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.76), rgba(34, 34, 38, 0.56)),
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.18), transparent 32%);
    border: 1px solid rgba(245, 215, 122, 0.24);
    box-shadow: 0 28px 60px rgba(11, 11, 13, 0.18);
    backdrop-filter: blur(10px);
}

.apex-theme .apex-hero-logo-slot {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 220px;
    margin-bottom: 16px;
}

.apex-theme .apex-hero-logo-image {
    width: clamp(420px, 40vw, 620px);
    max-width: 82vw;
    height: auto;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 28px 44px rgba(11, 11, 13, 0.22));
}

.apex-theme .apex-hero-logo-fallback {
    display: none;
    width: min(620px, 82vw);
    min-height: 220px;
    padding: 34px 32px;
    border-radius: 32px;
    background:
        radial-gradient(circle at 52% 34%, rgba(255, 42, 31, 0.86) 0 12px, rgba(181, 18, 27, 0.56) 13px 26px, transparent 27px),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(216, 214, 207, 0.94));
    border: 1px solid rgba(200, 155, 60, 0.42);
    box-shadow: 0 24px 60px rgba(11, 11, 13, 0.16);
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}

.apex-theme .apex-hero-logo-slot.is-fallback .apex-hero-logo-fallback {
    display: flex;
}

.apex-theme .apex-hero-logo-fallback-mark {
    color: transparent;
    font-family: var(--apex-heading-font);
    font-size: clamp(5rem, 11vw, 8rem);
    font-weight: 800;
    letter-spacing: -0.08em;
    background: linear-gradient(180deg, #ffffff 0%, var(--apex-pearl-silver) 30%, var(--apex-steel-silver) 65%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.apex-theme .apex-hero-logo-fallback-name {
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: clamp(1.6rem, 3.6vw, 2.7rem);
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    text-align: center;
}

.apex-theme .apex-hero-title {
    margin: 0 0 8px;
    color: var(--apex-divine-white);
    font-size: clamp(2.3rem, 5vw, 4.6rem);
    line-height: 1.02;
    text-shadow: 0 10px 30px rgba(11, 11, 13, 0.26);
}

.apex-theme .apex-hero-subtitle {
    margin: 0 0 16px;
    color: var(--apex-bright-gold);
    font-family: var(--apex-heading-font);
    font-size: clamp(1rem, 2.1vw, 1.5rem);
    font-weight: 700;
    letter-spacing: 0.26em;
    text-transform: uppercase;
}

.apex-theme .apex-hero-description,
.apex-theme .apex-section-heading p,
.apex-theme .apex-core-card p,
.apex-theme .apex-download-copy p {
    margin: 0;
    color: rgba(26, 26, 28, 0.74);
    font-size: 1rem;
    line-height: 1.8;
}

.apex-theme .apex-hero-description {
    max-width: 640px;
    color: rgba(244, 241, 232, 0.84);
}

.apex-theme .apex-hero-actions,
.apex-theme .apex-download-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 24px;
}

.apex-theme .apex-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 14px;
    border: 1px solid transparent;
    text-decoration: none;
    font-family: var(--apex-heading-font);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.apex-theme .apex-btn-main {
    display: block;
    line-height: 1.15;
}

.apex-theme .apex-btn-sub {
    display: block;
    margin-top: 4px;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    opacity: 0.78;
}

.apex-theme .apex-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
}

.apex-theme .apex-btn-primary {
    color: var(--apex-divine-white);
    background: linear-gradient(135deg, var(--apex-crimson-core), var(--apex-ember-red));
    border-color: rgba(245, 215, 122, 0.44);
    box-shadow: 0 16px 34px rgba(181, 18, 27, 0.24), 0 0 0 1px rgba(245, 215, 122, 0.16);
}

.apex-theme .apex-btn-primary:hover {
    color: #fff;
    box-shadow: 0 18px 38px rgba(181, 18, 27, 0.3), 0 0 20px rgba(255, 42, 31, 0.18);
}

.apex-theme .apex-btn-secondary {
    color: var(--apex-soft-charcoal);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(231, 227, 218, 0.84));
    border-color: rgba(155, 155, 148, 0.34);
    box-shadow: 0 12px 24px rgba(11, 11, 13, 0.08);
}

.apex-theme .apex-btn-secondary:hover {
    color: var(--apex-antique-gold);
    border-color: rgba(200, 155, 60, 0.42);
}

.apex-theme .apex-hero-status-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.apex-theme .apex-status-card {
    padding: 18px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(200, 155, 60, 0.22);
    box-shadow: 0 14px 26px rgba(11, 11, 13, 0.08);
}

.apex-theme .apex-status-label {
    display: block;
    margin-bottom: 10px;
    color: rgba(26, 26, 28, 0.55);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.apex-theme .apex-status-value {
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: 1.12rem;
    font-weight: 700;
}

.apex-theme .apex-status-summary {
    padding-top: 6px;
    background:
        linear-gradient(180deg, rgba(244, 241, 232, 0.1), rgba(255, 255, 255, 0.02));
}

.apex-theme .apex-status-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    width: 100%;
}

.apex-theme .apex-status-summary-card {
    min-height: 132px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apex-theme .apex-hero-media,
.apex-theme .apex-login-panel,
.apex-theme .apex-ranking-panel,
.apex-theme .apex-download-cta-card {
    padding: 26px;
}

.apex-theme .apex-login-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 235, 225, 0.88));
}

.apex-theme .apex-login-heading p {
    margin: 10px 0 0;
    color: rgba(26, 26, 28, 0.68);
    font-size: 0.92rem;
    letter-spacing: 0.05em;
}

.apex-theme .apex-slider-shell {
    min-height: 260px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(216, 214, 207, 0.62));
    border: 1px solid rgba(200, 155, 60, 0.18);
}

.apex-theme .apex-slider-shell iframe {
    width: 100%;
    height: 100%;
    min-height: 260px;
    display: block;
}

.apex-theme .apex-login-panel .list-group {
    margin-bottom: 0;
}

.apex-theme .apex-login-panel .form-group {
    margin-bottom: 14px;
}

.apex-theme .apex-core-grid,
.apex-theme .apex-utility-grid,
.apex-theme .apex-news-grid {
    display: grid;
    gap: 18px;
}

.apex-theme .apex-utility-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 126px;
    padding: 22px 20px;
    border-radius: 20px;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(235, 231, 222, 0.92));
    border: 1px solid rgba(200, 155, 60, 0.2);
    box-shadow: 0 16px 32px rgba(11, 11, 13, 0.08);
}

.apex-theme .apex-utility-card:hover {
    transform: translateY(-4px);
    color: inherit;
    text-decoration: none;
    box-shadow: 0 24px 42px rgba(11, 11, 13, 0.12);
}

.apex-theme .apex-utility-card span {
    color: var(--apex-antique-gold);
    font-family: var(--apex-heading-font);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.apex-theme .apex-utility-card strong {
    color: var(--apex-soft-charcoal);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.45;
}

.apex-theme .apex-section-heading {
    max-width: 760px;
    margin: 0 auto 28px;
    text-align: center;
}

.apex-theme .apex-section-heading h2 {
    margin: 10px 0 10px;
    color: var(--apex-soft-charcoal);
    font-size: clamp(1.9rem, 3vw, 3rem);
}

.apex-theme .apex-core-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.apex-theme .apex-news-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(244, 241, 232, 0.82)),
        radial-gradient(circle at top right, rgba(245, 215, 122, 0.10), transparent 24%),
        var(--apex-bg-news) center/cover no-repeat;
    background-color: #f2efe6;
}

.apex-theme .apex-news-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(244, 241, 232, 0.68)),
        radial-gradient(circle at 15% 18%, rgba(255, 255, 255, 0.32), transparent 22%);
}

.apex-theme .apex-news-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
}

.apex-theme .apex-homepage .apex-news-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
}

.apex-theme .apex-core-card {
    min-height: 100%;
    padding: 26px 24px;
}

.apex-theme .apex-core-card h3 {
    margin: 0 0 12px;
    color: var(--apex-soft-charcoal);
    font-size: 1.15rem;
}

.apex-theme .apex-core-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 18px;
    border-radius: 18px;
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: 1.7rem;
    font-weight: 700;
    background:
        radial-gradient(circle at 50% 28%, rgba(255, 42, 31, 0.82) 0 8px, transparent 9px),
        linear-gradient(180deg, var(--apex-soft-charcoal), #2c2d31);
    border: 1px solid rgba(245, 215, 122, 0.34);
    box-shadow: 0 12px 22px rgba(11, 11, 13, 0.18);
}

.apex-theme .apex-command-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.82), rgba(18, 18, 22, 0.74)),
        radial-gradient(circle at top left, rgba(255, 42, 31, 0.14), transparent 18%),
        radial-gradient(circle at top right, rgba(245, 215, 122, 0.12), transparent 22%),
        var(--apex-bg-ranking) center/cover no-repeat;
    background-color: #141418;
}

.apex-theme .apex-command-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.16), rgba(11, 11, 13, 0.42)),
        linear-gradient(90deg, rgba(11, 11, 13, 0.22), rgba(11, 11, 13, 0.10));
}

.apex-theme .apex-command-section .apex-section-heading h2,
.apex-theme .apex-command-section .apex-section-heading p {
    color: var(--apex-divine-white);
}

.apex-theme .apex-command-section .apex-panel-kicker {
    color: var(--apex-bright-gold);
}

.apex-theme .apex-command-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
    width: 100%;
}

.apex-theme .apex-homepage .apex-hero-grid,
.apex-theme .apex-homepage .apex-status-summary-grid,
.apex-theme .apex-homepage .apex-news-grid,
.apex-theme .apex-homepage .apex-ranking-grid,
.apex-theme .apex-homepage .apex-footer-grid {
    width: 100%;
    min-width: 0;
}

.apex-theme .apex-homepage .apex-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, 0.85fr);
    align-items: stretch;
}

.apex-theme .apex-homepage .apex-hero-copy,
.apex-theme .apex-homepage .apex-hero-side,
.apex-theme .apex-homepage .apex-news-card,
.apex-theme .apex-homepage .apex-ranking-panel,
.apex-theme .apex-homepage .apex-footer-card,
.apex-theme .apex-homepage .apex-status-summary-card {
    min-width: 0;
    width: auto;
}

.apex-theme .apex-homepage .allnews-box {
    float: none;
    width: auto;
    max-width: none;
    height: 100%;
    margin-top: 0;
}

.apex-theme .apex-homepage .apex-news-card {
    display: flex;
    flex-direction: column;
}

.apex-theme .apex-homepage .apex-ranking-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

.apex-theme .apex-homepage .apex-ranking-panel {
    height: 100%;
}

.apex-theme .apex-homepage .apex-ranking-panel .table-rank,
.apex-theme .apex-homepage .apex-ranking-panel table {
    width: 100%;
}

.apex-theme .apex-ranking-panel h3 {
    margin: 10px 0 0;
}

.apex-theme .apex-ranking-panel .table-rank {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.apex-theme .apex-ranking-panel .table-rank td {
    padding: 8px 4px;
    border-top: 0;
}

.apex-theme .apex-rank-row .rank-number,
.apex-theme .apex-rank-row .rank-name,
.apex-theme .apex-rank-row .rank-point {
    min-height: 54px;
    display: flex;
    align-items: center;
}

.apex-theme .apex-rank-row-1 .rank-number,
.apex-theme .apex-rank-row-1 .rank-point {
    background: linear-gradient(180deg, #f7e6a4, #c89b3c);
    color: #442c09;
}

.apex-theme .apex-rank-row-2 .rank-number,
.apex-theme .apex-rank-row-2 .rank-point {
    background: linear-gradient(180deg, #f7f7f7, #b8bcc4);
    color: #27303a;
}

.apex-theme .apex-rank-row-3 .rank-number,
.apex-theme .apex-rank-row-3 .rank-point {
    background: linear-gradient(180deg, #e1ba9d, #a96e44);
    color: #3e2311;
}

.apex-theme .apex-ranking-actions {
    margin-top: 18px;
}

.apex-theme .apex-ranking-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    color: var(--apex-soft-charcoal);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(231, 227, 218, 0.88));
    border: 1px solid rgba(200, 155, 60, 0.28);
    font-family: var(--apex-heading-font);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
}

.apex-theme .apex-ranking-link:hover {
    color: var(--apex-crimson-core);
    text-decoration: none;
}

.apex-theme .apex-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 26px;
    padding-bottom: 52px;
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.88), rgba(11, 11, 13, 0.76)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.1), transparent 24%),
        radial-gradient(circle at bottom right, rgba(255, 42, 31, 0.08), transparent 18%),
        var(--apex-bg-footer) center/cover no-repeat;
    background-color: #111114;
}

.apex-theme .apex-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.20), rgba(11, 11, 13, 0.44)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04), rgba(11, 11, 13, 0));
}

.apex-theme .apex-footer .apex-section-heading h2,
.apex-theme .apex-footer .apex-section-heading p,
.apex-theme .apex-footer .apex-footer-meta,
.apex-theme .apex-footer .apex-footer-card h3,
.apex-theme .apex-footer .apex-footer-links a {
    color: var(--apex-divine-white);
}

.apex-theme .apex-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.apex-theme .apex-footer-card {
    padding: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
    border-color: rgba(245, 215, 122, 0.18);
}

.apex-theme .apex-footer-card h3 {
    margin: 0 0 16px;
    font-size: 1.06rem;
}

.apex-theme .apex-footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.apex-theme .apex-footer-links a {
    text-decoration: none;
    opacity: 0.88;
}

.apex-theme .apex-footer-links a:hover {
    color: var(--apex-bright-gold);
    opacity: 1;
}

.apex-theme .apex-footer-links .is-disabled {
    opacity: 0.48;
    pointer-events: none;
}

.apex-theme .apex-footer-meta {
    margin-top: 22px;
    font-size: 0.88rem;
    opacity: 0.72;
}

.apex-theme .guild-row + .guild-row {
    margin-top: 14px;
}

.apex-theme .guild-box {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(200, 155, 60, 0.18);
}

.apex-theme .guild-box span {
    color: var(--apex-crimson-core);
    font-weight: 700;
}

.apex-theme .apex-news-section .apex-core-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.apex-theme .apex-news-card {
    min-height: 100%;
}

.apex-theme .apex-news-card .boximg-shine figure,
.apex-theme .apex-news-card .boximg-shine img {
    width: 100%;
    display: block;
}

.apex-theme .apex-news-card .boximg-shine {
    min-height: 208px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.46), rgba(216, 214, 207, 0.3)),
        var(--apex-bg-news) center/cover no-repeat;
}

.apex-theme .apex-news-card.is-event-card .boximg-shine {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(216, 214, 207, 0.08)),
        var(--apex-bg-news) center/cover no-repeat;
}

.apex-theme .apex-utility-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.apex-theme .apex-download-cta {
    padding-top: 16px;
    padding-bottom: 68px;
}

.apex-theme .apex-download-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background:
        linear-gradient(125deg, rgba(255, 255, 255, 0.96), rgba(235, 231, 222, 0.9)),
        radial-gradient(circle at right center, rgba(255, 42, 31, 0.08), transparent 18%);
}

.apex-theme .apex-download-copy h2 {
    margin: 10px 0 12px;
    color: var(--apex-soft-charcoal);
    font-size: clamp(1.9rem, 3vw, 3.1rem);
}

.apex-theme .apex-download-copy {
    max-width: 620px;
}

.apex-theme .apex-download-actions {
    margin-top: 0;
    justify-content: flex-end;
}

@media (max-width: 1399px) {
    .apex-theme .apex-core-grid,
    .apex-theme .apex-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-utility-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .apex-theme .apex-nav-shell {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .apex-theme .apex-hero-grid,
    .apex-theme .apex-command-grid,
    .apex-theme .apex-download-cta-card {
        grid-template-columns: 1fr;
        display: grid;
    }

    .apex-theme .apex-hero-status-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-status-summary-grid,
    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-homepage .apex-news-grid,
    .apex-theme .apex-homepage .apex-ranking-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-homepage .apex-ranking-panel:last-child {
        grid-column: 1 / -1;
    }

    .apex-theme .apex-download-actions {
        justify-content: flex-start;
    }

    .apex-theme .apex-hero-copy {
        padding: 30px 26px;
    }
}

@media (max-width: 767px) {
    .apex-theme .container,
    .apex-theme .apex-container {
        width: min(100%, calc(100% - 24px));
    }

    .apex-theme .apex-homepage .container,
    .apex-theme .apex-homepage .apex-container {
        width: min(100%, calc(100% - 24px));
    }

    .apex-theme .apex-section {
        padding: 30px 0;
    }

    .apex-theme .apex-hero {
        min-height: auto;
        padding-top: 26px;
        background:
            linear-gradient(135deg, rgba(11, 11, 13, 0.64), rgba(244, 241, 232, 0.18)),
            radial-gradient(circle at top center, rgba(245, 215, 122, 0.26), transparent 30%),
            var(--apex-bg-hero-mobile) center/cover no-repeat;
    }

    .apex-theme .apex-hero-copy {
        padding: 24px 18px;
    }

    .apex-theme .apex-hero-logo-slot {
        min-height: 150px;
    }

    .apex-theme .apex-hero-logo-fallback {
        min-height: 170px;
        padding: 26px 18px;
    }

    .apex-theme .apex-hero-actions,
    .apex-theme .apex-download-actions {
        flex-direction: column;
    }

    .apex-theme .apex-btn {
        width: 100%;
    }

    .apex-theme .apex-core-grid,
    .apex-theme .apex-news-grid,
    .apex-theme .apex-utility-grid,
    .apex-theme .apex-hero-status-grid,
    .apex-theme .apex-status-summary-grid,
    .apex-theme .apex-footer-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-homepage .apex-news-grid,
    .apex-theme .apex-homepage .apex-ranking-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-hero-media,
    .apex-theme .apex-login-panel,
    .apex-theme .apex-ranking-panel,
    .apex-theme .apex-download-cta-card {
        padding: 20px;
    }

    .apex-theme .apex-slider-shell,
    .apex-theme .apex-slider-shell iframe {
        min-height: 220px;
    }

    .apex-theme .apex-nav-brand-logo img {
        width: clamp(140px, 44vw, 180px);
    }

    .apex-theme .apex-nav-brand-mark {
        width: 54px;
        height: 54px;
    }

    .apex-theme .apex-nav-brand-mark img {
        width: 40px;
        height: 40px;
    }
}

/* Final mockup implementation pass */
.apex-theme .main-menu {
    border-bottom: 1px solid rgba(167, 124, 49, 0.28);
    box-shadow: 0 10px 26px rgba(80, 56, 16, 0.08);
}

.apex-theme .apex-nav-shell {
    min-height: 82px;
}

.apex-theme .menu ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.apex-theme .menu ul li {
    float: none;
}

.apex-theme .menu ul li a {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 10px;
    border-radius: 999px;
}

.apex-theme .menu ul li a i {
    margin-right: 8px;
    color: #b51418;
    font-size: 0.95em;
}

.apex-theme .menu ul li:hover > a,
.apex-theme .menu ul li a:hover {
    background: rgba(200, 155, 60, 0.08);
}

.apex-theme .apex-section-heading-display {
    max-width: 100%;
    margin: 0 auto 28px;
    text-align: center;
}

.apex-theme .apex-section-heading-display .apex-panel-kicker,
.apex-theme .apex-section-heading-strip .apex-panel-kicker {
    position: relative;
    padding: 0 52px;
}

.apex-theme .apex-section-heading-display .apex-panel-kicker::before,
.apex-theme .apex-section-heading-display .apex-panel-kicker::after,
.apex-theme .apex-section-heading-strip .apex-panel-kicker::before,
.apex-theme .apex-section-heading-strip .apex-panel-kicker::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 36px;
    height: 1px;
    background: linear-gradient(90deg, rgba(200, 155, 60, 0), rgba(200, 155, 60, 0.9));
}

.apex-theme .apex-section-heading-display .apex-panel-kicker::before,
.apex-theme .apex-section-heading-strip .apex-panel-kicker::before {
    left: 0;
}

.apex-theme .apex-section-heading-display .apex-panel-kicker::after,
.apex-theme .apex-section-heading-strip .apex-panel-kicker::after {
    right: 0;
    transform: scaleX(-1);
}

.apex-theme .apex-section-heading-display h2 {
    margin-top: 6px;
    font-size: clamp(2rem, 3.3vw, 3.35rem);
    letter-spacing: 0.04em;
}

.apex-theme .apex-section-heading-on-dark h2,
.apex-theme .apex-section-heading-on-dark p {
    color: var(--apex-divine-white);
}

.apex-theme .apex-hero {
    padding-top: 24px;
    padding-bottom: 58px;
    min-height: 860px;
    background-position: center top;
    background-size: cover;
}

.apex-theme .apex-hero-grid {
    gap: 20px;
    align-items: start;
    min-height: 760px;
}

.apex-theme .apex-hero-copy {
    padding: 58px 38px 28px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01)),
        linear-gradient(180deg, rgba(11, 11, 13, 0.24), rgba(11, 11, 13, 0.08));
    border: 1px solid rgba(245, 215, 122, 0.14);
    box-shadow: 0 18px 42px rgba(11, 11, 13, 0.10);
    backdrop-filter: blur(2px);
}

.apex-theme .apex-hero-logo-slot {
    justify-content: center;
    min-height: 250px;
    margin-bottom: 4px;
}

.apex-theme .apex-hero-logo-image {
    width: clamp(460px, 40vw, 640px);
    filter: drop-shadow(0 20px 28px rgba(17, 12, 8, 0.18));
}

.apex-theme .apex-hero-copy .apex-eyebrow,
.apex-theme .apex-hero-copy .apex-hero-title,
.apex-theme .apex-hero-copy .apex-hero-subtitle,
.apex-theme .apex-hero-copy .apex-hero-description,
.apex-theme .apex-hero-actions {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.apex-theme .apex-hero-title {
    margin-bottom: 10px;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.32);
}

.apex-theme .apex-hero-subtitle {
    margin-bottom: 12px;
    color: #a11b1b;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.apex-theme .apex-hero-description {
    max-width: 520px;
    color: rgba(255, 255, 255, 0.98);
    font-size: 1.04rem;
}

.apex-theme .apex-hero-actions {
    justify-content: center;
    gap: 16px;
}

.apex-theme .apex-btn {
    min-width: 210px;
    min-height: 64px;
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(39, 20, 5, 0.18);
}

.apex-theme .apex-btn-icon {
    display: block;
    margin-bottom: 5px;
    font-size: 1.28rem;
}

.apex-theme .apex-btn-primary {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #8a0f14, #cf241f 64%, #7f0a10);
}

.apex-theme .apex-btn-secondary {
    color: #fff7ec;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #2a2423, #433530 58%, #1d1918);
    border-color: rgba(245, 215, 122, 0.34);
}

.apex-theme .apex-btn-secondary:hover {
    color: #fff7ec;
}

.apex-theme .apex-btn-light {
    color: #5b360f;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.56), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #f5e5af, #c98f1e 58%, #7e5412);
    border-color: rgba(245, 215, 122, 0.72);
}

.apex-theme .apex-btn-light:hover {
    color: #4a2706;
}

.apex-theme .apex-btn-dark {
    color: #fff7ec;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #302827, #51433c 60%, #25201f);
    border-color: rgba(245, 215, 122, 0.30);
}

.apex-theme .apex-btn-dark:hover {
    color: #fff;
}

.apex-theme .apex-login-panel {
    margin-top: 48px;
    padding: 24px 22px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255, 252, 246, 0.96), rgba(245, 239, 229, 0.96));
    box-shadow: 0 24px 40px rgba(69, 38, 7, 0.16);
    border-width: 2px;
}

.apex-theme .apex-login-heading {
    text-align: center;
}

.apex-theme .apex-login-heading h2 {
    font-size: clamp(1.45rem, 2vw, 2.1rem);
}

.apex-theme .apex-login-panel .btn-submit,
.apex-theme .apex-login-panel .btn-reset,
.apex-theme .apex-login-panel .btn-register {
    min-height: 48px;
    border-radius: 12px;
}

.apex-theme .apex-status-summary {
    padding-top: 0;
    margin-top: -42px;
    position: relative;
    z-index: 3;
}

.apex-theme .apex-section-heading-strip {
    margin-bottom: 18px;
    text-align: center;
}

.apex-theme .apex-status-summary-grid {
    gap: 0;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid rgba(200, 155, 60, 0.24);
    box-shadow: 0 18px 36px rgba(76, 49, 14, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 239, 229, 0.96));
}

.apex-theme .apex-status-summary-card {
    position: relative;
    align-items: center;
    text-align: center;
    min-height: 124px;
    border-right: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.apex-theme .apex-status-summary-card:last-child {
    border-right: 0;
}

.apex-theme .apex-status-summary-card::after,
.apex-theme .apex-login-panel::after {
    display: none;
}

.apex-theme .apex-status-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 10px;
    border-radius: 18px;
    color: var(--apex-antique-gold);
    font-size: 1.6rem;
    background: radial-gradient(circle at top, rgba(255, 255, 255, 0.9), rgba(242, 232, 210, 0.82));
    box-shadow: inset 0 0 0 1px rgba(200, 155, 60, 0.22);
}

.apex-theme .apex-status-label {
    margin-bottom: 6px;
    color: rgba(77, 51, 20, 0.76);
    letter-spacing: 0.08em;
}

.apex-theme .apex-status-value {
    font-size: clamp(1.4rem, 2.2vw, 2rem);
}

.apex-theme .apex-news-section {
    padding-top: 34px;
    padding-bottom: 38px;
}

.apex-theme .apex-news-grid {
    gap: 22px;
}

.apex-theme .apex-news-card {
    border-radius: 24px;
    border: 1px solid rgba(200, 155, 60, 0.36);
    box-shadow: 0 18px 32px rgba(82, 53, 13, 0.10);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(249, 245, 237, 0.96));
}

.apex-theme .apex-news-card .boximg-shine {
    min-height: 194px;
    margin: 10px 10px 0;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid rgba(200, 155, 60, 0.24);
}

.apex-theme .allnews-time {
    order: 1;
    margin: 14px 20px 8px;
}

.apex-theme .allnews-text-harder {
    order: 2;
    margin: 0 20px 10px;
    font-size: 1.08rem;
    line-height: 1.45;
    letter-spacing: 0.03em;
}

.apex-theme .allnews-text {
    order: 3;
    margin: 0 20px 16px;
    min-height: 68px;
    line-height: 1.65;
}

.apex-theme .allnews-botton {
    order: 4;
    margin: auto 20px 20px;
}

.apex-theme .allnews-botton .btn-view {
    min-height: 44px;
    border-radius: 999px;
    box-shadow: none;
}

.apex-theme .apex-command-section {
    padding-top: 38px;
    padding-bottom: 44px;
}

.apex-theme .apex-ranking-grid {
    gap: 24px;
}

.apex-theme .apex-ranking-panel {
    border-radius: 24px;
    padding: 22px 20px 20px;
    background: linear-gradient(180deg, rgba(255, 251, 245, 0.96), rgba(245, 238, 225, 0.94));
    border: 1px solid rgba(200, 155, 60, 0.26);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
}

.apex-theme .apex-ranking-panel .apex-panel-heading {
    text-align: center;
    margin-bottom: 16px;
}

.apex-theme .apex-ranking-panel h3 {
    font-size: 1.6rem;
}

.apex-theme .apex-ranking-panel .table-rank {
    margin-top: 6px;
}

.apex-theme .apex-ranking-panel .table-rank td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.apex-theme .apex-ranking-actions {
    text-align: center;
}

.apex-theme .apex-ranking-link {
    min-width: 210px;
    justify-content: center;
    color: #fff7ec;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #8d0f15, #c81d1d 58%, #6e080c);
    border-color: rgba(245, 215, 122, 0.36);
}

.apex-theme .apex-ranking-link:hover {
    color: #fff;
}

.apex-theme .guild-box {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 239, 226, 0.92));
}

.apex-theme .apex-footer {
    padding-top: 34px;
    padding-bottom: 34px;
}

.apex-theme .apex-footer-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.apex-theme .apex-footer-card {
    padding: 18px 16px 20px;
    text-align: center;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 251, 245, 0.94), rgba(246, 238, 225, 0.92));
}

.apex-theme .apex-footer-card::after {
    display: none;
}

.apex-theme .apex-footer-card-illustration {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    margin: 0 auto 12px;
    border-radius: 28px;
    color: #9d6518;
    font-size: 2.4rem;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.96), rgba(255, 245, 226, 0.88)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(243, 231, 205, 0.82));
    box-shadow: inset 0 0 0 1px rgba(200, 155, 60, 0.22), 0 10px 22px rgba(73, 43, 11, 0.10);
}

.apex-theme .apex-footer-card h3,
.apex-theme .apex-footer-links a {
    color: var(--apex-soft-charcoal);
}

.apex-theme .apex-footer-card h3 {
    margin-bottom: 12px;
}

.apex-theme .apex-footer-card-copy {
    min-height: 54px;
    margin: 0 0 12px;
    color: rgba(26, 26, 28, 0.74);
    font-size: 0.92rem;
    line-height: 1.5;
}

.apex-theme .apex-footer-links {
    gap: 6px;
}

.apex-theme .apex-footer-links a {
    font-size: 0.9rem;
    line-height: 1.45;
}

.apex-theme .apex-footer-meta {
    margin-top: 24px;
    text-align: center;
    color: rgba(244, 241, 232, 0.84);
}

.apex-theme .apex-footer-bottom {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(245, 215, 122, 0.16);
}

.apex-theme .apex-footer-brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.apex-theme .apex-footer-brand img {
    width: min(200px, 100%);
    height: auto;
    object-fit: contain;
}

.apex-theme .apex-footer-brand-fallback {
    display: none;
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: 1.45rem;
    letter-spacing: 0.12em;
}

.apex-theme .apex-footer-brand.is-fallback .apex-footer-brand-fallback {
    display: inline-block;
}

.apex-theme .apex-footer-bottom .apex-footer-meta {
    margin-top: 0;
    text-align: left;
}

.apex-theme .apex-footer-bottom .apex-footer-meta small {
    display: block;
    margin-top: 6px;
    color: rgba(244, 241, 232, 0.74);
    font-size: 0.78rem;
    letter-spacing: 0.10em;
}

.apex-theme .apex-footer-policy-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    justify-content: center;
}

.apex-theme .apex-footer-policy-links a,
.apex-theme .apex-footer-socials a {
    color: var(--apex-divine-white);
    text-decoration: none;
}

.apex-theme .apex-footer-policy-links a:hover,
.apex-theme .apex-footer-socials a:hover {
    color: var(--apex-bright-gold);
}

.apex-theme .apex-footer-socials {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.apex-theme .apex-footer-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(245, 215, 122, 0.18);
}

@media (max-width: 1399px) {
    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    .apex-theme .menu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .apex-theme .apex-hero-copy {
        padding: 28px 24px;
    }

    .apex-theme .apex-hero {
        min-height: auto;
        padding-bottom: 34px;
    }

    .apex-theme .apex-hero-grid {
        min-height: auto;
    }

    .apex-theme .apex-login-panel {
        margin-top: 0;
    }

    .apex-theme .apex-btn {
        min-width: 180px;
    }

    .apex-theme .apex-status-summary-grid {
        gap: 1px;
        background: rgba(200, 155, 60, 0.16);
    }

    .apex-theme .apex-status-summary-card {
        border-right: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 239, 229, 0.96));
    }

    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .apex-theme .apex-footer-bottom {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .apex-theme .apex-footer-bottom .apex-footer-meta {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .apex-theme .menu ul {
        gap: 4px;
    }

    .apex-theme .menu ul li a {
        min-height: 36px;
        padding: 0 8px;
        font-size: 11px;
    }

    .apex-theme .menu ul li a i {
        margin-right: 6px;
    }

    .apex-theme .apex-hero-logo-slot {
        min-height: 132px;
    }

    .apex-theme .apex-hero-logo-image {
        width: min(82vw, 420px);
    }

    .apex-theme .apex-hero-copy {
        padding: 22px 16px;
    }

    .apex-theme .apex-status-summary {
        margin-top: -12px;
    }

    .apex-theme .apex-btn {
        min-width: 0;
        width: 100%;
    }

    .apex-theme .apex-status-summary-grid,
    .apex-theme .apex-footer-grid {
        border-radius: 20px;
    }

    .apex-theme .apex-status-summary-card {
        min-height: 108px;
    }

    .apex-theme .apex-status-icon {
        width: 50px;
        height: 50px;
        font-size: 1.3rem;
    }

    .apex-theme .apex-news-card .boximg-shine {
        min-height: 168px;
    }

    .apex-theme .apex-footer-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-footer-card-illustration {
        width: 84px;
        height: 84px;
        font-size: 2rem;
    }

    .apex-theme .apex-footer-policy-links {
        gap: 8px 12px;
    }
}

/* Final visual implementation pass */
.apex-theme .apex-homepage {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(242, 236, 225, 0.26) 100%);
}

.apex-theme .apex-homepage .apex-section {
    padding: 38px 0;
}

.apex-theme .apex-homepage .apex-section::before {
    display: none;
}

.apex-theme .main-menu {
    background:
        linear-gradient(180deg, rgba(255, 250, 242, 0.98), rgba(240, 232, 219, 0.95)),
        linear-gradient(90deg, rgba(200, 155, 60, 0.20), rgba(255, 255, 255, 0));
    border-bottom: 1px solid rgba(201, 160, 79, 0.32);
    box-shadow: 0 14px 28px rgba(78, 52, 20, 0.10);
}

.apex-theme .main-menu::before,
.apex-theme .main-menu::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    pointer-events: none;
}

.apex-theme .main-menu::before {
    top: 0;
    background: linear-gradient(90deg, rgba(200, 155, 60, 0.10), rgba(245, 215, 122, 0.92), rgba(200, 155, 60, 0.10));
}

.apex-theme .main-menu::after {
    bottom: 0;
    background: linear-gradient(90deg, rgba(181, 18, 27, 0), rgba(181, 18, 27, 0.34), rgba(181, 18, 27, 0));
}

.apex-theme .apex-nav-shell {
    min-height: 84px;
    gap: 18px;
}

.apex-theme .menu ul {
    gap: 4px;
}

.apex-theme .menu ul > li {
    position: relative;
}

.apex-theme .menu ul > li > a {
    position: relative;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 999px;
}

.apex-theme .menu ul > li:first-child > a,
.apex-theme .menu ul > li > a:hover,
.apex-theme .menu ul > li:hover > a {
    color: var(--apex-crimson-core);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(237, 224, 204, 0.58));
}

.apex-theme .menu ul > li:first-child > a::after,
.apex-theme .menu ul > li > a:hover::after,
.apex-theme .menu ul > li:hover > a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 6px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(181, 18, 27, 0), rgba(181, 18, 27, 0.8), rgba(181, 18, 27, 0));
}

.apex-theme .one-collam-menu .mega-menu {
    margin-top: 12px;
    border-radius: 18px;
    padding: 8px 0;
}

.apex-theme .apex-hero {
    padding-top: 34px;
    padding-bottom: 72px;
    min-height: 960px;
    background:
        linear-gradient(90deg, rgba(244, 241, 232, 0.10) 0%, rgba(244, 241, 232, 0.08) 42%, rgba(244, 241, 232, 0.26) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(11, 11, 13, 0.18) 100%),
        var(--apex-bg-hero) center center/cover no-repeat;
    background-color: #d7d3cc;
}

.apex-theme .apex-hero::before {
    background:
        linear-gradient(90deg, rgba(43, 24, 12, 0.30) 0%, rgba(43, 24, 12, 0.10) 24%, rgba(255, 255, 255, 0.00) 48%, rgba(255, 255, 255, 0.12) 72%, rgba(255, 255, 255, 0.18) 100%),
        radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.38) 0%, rgba(255, 255, 255, 0.10) 24%, rgba(255, 255, 255, 0.00) 48%);
}

.apex-theme .apex-hero::after {
    height: 220px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(244, 241, 232, 0.62) 55%, rgba(244, 241, 232, 0.95) 100%);
}

.apex-theme .apex-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.62fr);
    gap: 36px;
    align-items: start;
    min-height: 800px;
}

.apex-theme .apex-hero-copy {
    padding: 68px 34px 30px;
    align-self: end;
    background: none;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.apex-theme .apex-hero-copy::before {
    content: "";
    position: absolute;
    inset: 20px 18px 14px 18px;
    z-index: -1;
    border-radius: 34px;
    background:
        radial-gradient(circle at top center, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.06) 42%, rgba(255, 255, 255, 0.00) 65%),
        linear-gradient(180deg, rgba(63, 34, 18, 0.16), rgba(63, 34, 18, 0.06));
    box-shadow: 0 20px 50px rgba(52, 30, 13, 0.08);
    filter: blur(2px);
}

.apex-theme .apex-hero-logo-slot {
    min-height: 320px;
    margin-bottom: 8px;
}

.apex-theme .apex-hero-logo-image {
    width: clamp(500px, 42vw, 700px);
    max-width: 100%;
    filter: drop-shadow(0 24px 38px rgba(60, 26, 9, 0.22));
}

.apex-theme .apex-eyebrow {
    margin-bottom: 8px;
    color: #fff3cb;
    font-size: 0.78rem;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28);
}

.apex-theme .apex-hero-title {
    margin-bottom: 8px;
    color: #4f2e15;
    font-size: clamp(3rem, 4vw, 4.3rem);
    letter-spacing: 0.03em;
    text-shadow:
        0 3px 0 rgba(255, 251, 241, 0.88),
        0 10px 32px rgba(108, 58, 20, 0.18);
}

.apex-theme .apex-hero-subtitle {
    margin-bottom: 12px;
    color: #a7181c;
    font-size: clamp(1.7rem, 2vw, 2.2rem);
    text-shadow: 0 2px 0 rgba(255, 250, 242, 0.78);
}

.apex-theme .apex-hero-description {
    max-width: 600px;
    color: #5a4128;
    font-size: 1.08rem;
    font-weight: 500;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

.apex-theme .apex-hero-actions {
    gap: 14px;
    margin-top: 22px;
}

.apex-theme .apex-btn {
    position: relative;
    min-width: 218px;
    min-height: 74px;
    padding: 12px 16px 12px 54px;
    justify-content: center;
    border-radius: 18px;
    border-width: 2px;
    box-shadow:
        0 14px 28px rgba(56, 31, 11, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.apex-theme .apex-btn::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    pointer-events: none;
}

.apex-theme .apex-btn-primary {
    color: #fff8ef;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.00) 30%),
        linear-gradient(135deg, #891015 0%, #b71d1d 48%, #d63b26 74%, #7b0c10 100%);
    border-color: rgba(245, 215, 122, 0.52);
}

.apex-theme .apex-btn-register {
    color: #fff7e7;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.00) 30%),
        linear-gradient(135deg, #6b430c 0%, #9d6915 34%, #d6a53d 68%, #7a4d10 100%);
    border-color: rgba(245, 215, 122, 0.66);
}

.apex-theme .apex-btn-community {
    color: #fff9f2;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.00) 30%),
        linear-gradient(135deg, #282526 0%, #413635 44%, #544846 70%, #1b1819 100%);
    border-color: rgba(245, 215, 122, 0.34);
}

.apex-theme .apex-btn-primary:hover,
.apex-theme .apex-btn-register:hover,
.apex-theme .apex-btn-community:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 20px 34px rgba(56, 31, 11, 0.24),
        0 0 0 1px rgba(245, 215, 122, 0.18);
}

.apex-theme .apex-btn-icon {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    font-size: 1.45rem;
}

.apex-theme .apex-btn-main {
    display: block;
    margin-bottom: 3px;
    font-size: 1.02rem;
    line-height: 1.1;
}

.apex-theme .apex-btn-sub {
    display: block;
    opacity: 0.92;
    font-size: 0.69rem;
    letter-spacing: 0.16em;
}

.apex-theme .apex-login-panel {
    margin-top: 56px;
    padding: 24px 24px 26px;
    border-radius: 30px;
    background:
        linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(244, 237, 225, 0.97));
    border: 2px solid rgba(201, 160, 79, 0.42);
    box-shadow:
        0 22px 40px rgba(68, 38, 10, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.apex-theme .apex-login-panel::before {
    content: "";
    position: absolute;
    inset: 10px;
    border-radius: 22px;
    border: 1px solid rgba(201, 160, 79, 0.24);
    pointer-events: none;
}

.apex-theme .apex-login-heading {
    margin-bottom: 18px;
}

.apex-theme .apex-login-heading .apex-panel-kicker {
    display: block;
    margin-bottom: 8px;
}

.apex-theme .apex-login-heading h2 {
    margin-top: 0;
    margin-bottom: 6px;
    color: #3d2816;
}

.apex-theme .apex-login-heading p {
    margin: 0;
    color: rgba(78, 58, 38, 0.78);
    font-size: 0.96rem;
}

.apex-theme .apex-login-panel .form-group label {
    color: #6d4e2b;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.apex-theme .apex-login-panel .form-login {
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
}

.apex-theme .apex-login-panel .btn-submit,
.apex-theme .apex-login-panel .btn-reset,
.apex-theme .apex-login-panel .btn-register {
    min-height: 50px;
    border-radius: 14px;
    font-size: 0.92rem;
}

.apex-theme .apex-status-summary {
    margin-top: -36px;
    padding-top: 0;
}

.apex-theme .apex-status-summary-grid {
    border-radius: 30px;
    border: 1px solid rgba(201, 160, 79, 0.30);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 239, 230, 0.96));
    box-shadow: 0 18px 40px rgba(88, 57, 19, 0.10);
}

.apex-theme .apex-status-summary-card {
    min-height: 136px;
    padding: 18px 16px;
}

.apex-theme .apex-status-summary-card:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    bottom: 18px;
    width: 1px;
    background: linear-gradient(180deg, rgba(200, 155, 60, 0), rgba(200, 155, 60, 0.28), rgba(200, 155, 60, 0));
}

.apex-theme .apex-status-icon {
    width: 62px;
    height: 62px;
    margin-bottom: 12px;
    border-radius: 22px;
}

.apex-theme .apex-status-server .apex-status-value {
    color: #22743f;
}

.apex-theme .apex-status-online .apex-status-value,
.apex-theme .apex-status-account .apex-status-value,
.apex-theme .apex-status-character .apex-status-value {
    color: #262223;
}

.apex-theme .apex-news-section {
    padding-top: 42px;
    padding-bottom: 48px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(247, 241, 230, 0.80)),
        var(--apex-bg-news) center center/cover no-repeat;
}

.apex-theme .apex-news-section::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00), rgba(255, 255, 255, 0.36));
}

.apex-theme .apex-news-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.apex-theme .apex-news-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 243, 234, 0.97));
    border: 1px solid rgba(201, 160, 79, 0.38);
    box-shadow: 0 18px 36px rgba(84, 54, 15, 0.10);
}

.apex-theme .apex-news-card::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 18px;
    border: 1px solid rgba(201, 160, 79, 0.20);
    pointer-events: none;
}

.apex-theme .apex-news-card .boximg-shine {
    min-height: 196px;
    margin: 10px 10px 0;
    border-radius: 16px;
}

.apex-theme .apex-news-card .boximg-shine figure,
.apex-theme .apex-news-card .boximg-shine img {
    width: 100%;
    height: 100%;
}

.apex-theme .apex-news-card .boximg-shine img {
    object-fit: cover;
}

.apex-theme .status-event {
    padding: 6px 14px;
    color: #fff7ec;
    font-size: 0.66rem;
    letter-spacing: 0.15em;
}

.apex-theme .bg-update {
    background: linear-gradient(135deg, #7a1818, #ba221d);
}

.apex-theme .bg-notice,
.apex-theme .bg-promotion {
    color: #4f2f0f;
    background: linear-gradient(135deg, #f0d48a, #d09d2d);
}

.apex-theme .bg-event {
    background: linear-gradient(135deg, #2e201d, #694535);
}

.apex-theme .allnews-text-harder {
    color: #372414;
    font-size: 1.15rem;
}

.apex-theme .allnews-botton .btn-view {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    color: var(--apex-crimson-core);
    background: transparent;
    border: 0;
    box-shadow: none;
}

.apex-theme .allnews-botton .btn-view:hover {
    color: #801014;
    transform: translateX(2px);
}

.apex-theme .apex-command-section {
    padding-top: 48px;
    padding-bottom: 58px;
    background:
        linear-gradient(180deg, rgba(7, 6, 8, 0.52), rgba(7, 6, 8, 0.52)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.12), transparent 28%),
        var(--apex-bg-ranking) center center/cover no-repeat,
        linear-gradient(180deg, #1e1717 0%, #261b19 40%, #140e0f 100%);
}

.apex-theme .apex-command-section::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00), rgba(255, 248, 237, 0.03));
}

.apex-theme .apex-ranking-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.apex-theme .apex-ranking-panel {
    padding: 20px 18px 18px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(255, 252, 246, 0.97), rgba(245, 237, 224, 0.94));
    border: 1px solid rgba(201, 160, 79, 0.36);
    box-shadow:
        0 22px 40px rgba(5, 4, 6, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.80);
}

.apex-theme .apex-ranking-panel::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 20px;
    border: 1px solid rgba(201, 160, 79, 0.22);
    pointer-events: none;
}

.apex-theme .apex-ranking-panel h3 {
    color: #412716;
    font-size: 1.85rem;
}

.apex-theme .apex-ranking-panel .table-rank td {
    padding-left: 4px;
    padding-right: 4px;
}

.apex-theme .apex-rank-row-1 .rank-number,
.apex-theme .apex-rank-row-2 .rank-number,
.apex-theme .apex-rank-row-3 .rank-number {
    color: #fff7ec;
}

.apex-theme .apex-rank-row-1 .rank-number {
    background: linear-gradient(180deg, #d3a53c, #a86f10);
}

.apex-theme .apex-rank-row-2 .rank-number {
    background: linear-gradient(180deg, #c9ced9, #838b9d);
}

.apex-theme .apex-rank-row-3 .rank-number {
    background: linear-gradient(180deg, #c8874d, #8f5424);
}

.apex-theme .rank-name {
    color: #3f2a1b;
}

.apex-theme .rank-point {
    color: #8e1618;
}

.apex-theme .guild-box {
    border-radius: 18px;
    border: 1px solid rgba(201, 160, 79, 0.20);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.apex-theme .apex-ranking-link {
    min-height: 48px;
    min-width: 224px;
    padding: 0 20px;
    border-radius: 999px;
    box-shadow: 0 12px 24px rgba(44, 15, 8, 0.24);
}

.apex-theme .apex-footer {
    padding-top: 40px;
    padding-bottom: 34px;
    background:
        linear-gradient(180deg, rgba(255, 251, 245, 0.90), rgba(246, 240, 231, 0.94)),
        var(--apex-bg-footer) center center/cover no-repeat;
}

.apex-theme .apex-footer-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.apex-theme .apex-footer-card {
    padding: 18px 14px 20px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 252, 247, 0.98), rgba(246, 239, 227, 0.96));
    border: 1px solid rgba(201, 160, 79, 0.32);
    box-shadow: 0 18px 34px rgba(95, 62, 19, 0.08);
}

.apex-theme .apex-footer-card::before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 18px;
    border: 1px solid rgba(201, 160, 79, 0.18);
    pointer-events: none;
}

.apex-theme .apex-footer-card-illustration {
    width: 112px;
    height: 112px;
    margin-bottom: 14px;
    border-radius: 30px;
    color: #9a6317;
    background:
        radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.96), rgba(255, 245, 226, 0.90)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(243, 231, 205, 0.84));
}

.apex-theme .apex-footer-card-illustration i {
    font-size: 2.7rem;
}

.apex-theme .apex-footer-card h3 {
    color: #3c2616;
    font-size: 1.28rem;
}

.apex-theme .apex-footer-card-copy {
    color: rgba(64, 42, 19, 0.76);
}

.apex-theme .apex-footer-links a {
    color: #564534;
}

.apex-theme .apex-footer-links a:hover {
    color: var(--apex-crimson-core);
}

.apex-theme .apex-footer-bottom {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(201, 160, 79, 0.24);
}

.apex-theme .apex-footer-bottom .apex-footer-meta,
.apex-theme .apex-footer-policy-links a,
.apex-theme .apex-footer-socials a {
    color: #5e4a36;
}

.apex-theme .apex-footer-bottom .apex-footer-meta small {
    color: rgba(94, 74, 54, 0.78);
}

.apex-theme .apex-footer-socials a {
    background: rgba(255, 255, 255, 0.74);
    border-color: rgba(201, 160, 79, 0.20);
}

@media (max-width: 1199px) {
    .apex-theme .apex-hero {
        min-height: auto;
        padding-bottom: 46px;
    }

    .apex-theme .apex-hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 24px;
    }

    .apex-theme .apex-hero-copy {
        padding: 42px 24px 24px;
    }

    .apex-theme .apex-login-panel {
        margin-top: 0;
    }

    .apex-theme .apex-news-grid,
    .apex-theme .apex-ranking-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .apex-theme .apex-status-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-status-summary-card:nth-child(2)::before {
        display: none;
    }

    .apex-theme .apex-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .apex-theme .apex-hero {
        min-height: auto;
        padding-top: 20px;
        padding-bottom: 28px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(11, 11, 13, 0.20)),
            var(--apex-bg-hero-mobile) center center/cover no-repeat,
            var(--apex-bg-hero) center center/cover no-repeat;
    }

    .apex-theme .apex-hero-copy {
        padding: 26px 14px 18px;
    }

    .apex-theme .apex-hero-logo-slot {
        min-height: 180px;
    }

    .apex-theme .apex-hero-logo-image {
        width: min(82vw, 420px);
    }

    .apex-theme .apex-hero-title {
        font-size: clamp(2.2rem, 10vw, 3rem);
    }

    .apex-theme .apex-hero-subtitle {
        font-size: clamp(1.2rem, 5vw, 1.6rem);
    }

    .apex-theme .apex-btn {
        width: 100%;
        min-width: 0;
    }

    .apex-theme .apex-status-summary {
        margin-top: -8px;
    }

    .apex-theme .apex-news-grid,
    .apex-theme .apex-ranking-grid,
    .apex-theme .apex-footer-grid,
    .apex-theme .apex-status-summary-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-status-summary-card::before {
        display: none;
    }

    .apex-theme .apex-footer-card-illustration {
        width: 98px;
        height: 98px;
    }
}

/* Navbar refinement only */
.apex-theme .apex-navbar {
    position: sticky;
    top: 0;
    z-index: 30;
    background:
        linear-gradient(180deg, rgba(255, 252, 246, 0.99), rgba(238, 232, 223, 0.965)),
        linear-gradient(90deg, rgba(200, 155, 60, 0.10), rgba(255, 255, 255, 0));
    border-top: 1px solid rgba(245, 215, 122, 0.42);
    border-bottom: 1px solid rgba(200, 155, 60, 0.30);
    box-shadow:
        0 8px 18px rgba(58, 36, 13, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        inset 0 -1px 0 rgba(201, 160, 79, 0.24);
    overflow: visible;
}

.apex-theme .apex-navbar::before,
.apex-theme .apex-navbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    pointer-events: none;
}

.apex-theme .apex-navbar::before {
    top: 0;
    background: linear-gradient(90deg, rgba(200, 155, 60, 0.08), rgba(245, 215, 122, 0.72), rgba(200, 155, 60, 0.08));
}

.apex-theme .apex-navbar::after {
    bottom: 0;
    background: linear-gradient(90deg, rgba(200, 155, 60, 0.05), rgba(214, 172, 82, 0.88), rgba(200, 155, 60, 0.05));
}

.apex-theme .apex-navbar .container.apex-nav-shell,
.apex-theme .apex-navbar .apex-container.apex-nav-shell {
    width: calc(100% - 40px);
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
}

.apex-theme .apex-navbar .apex-nav-shell {
    min-height: 78px;
    gap: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.apex-theme .apex-navbar .row {
    display: flex;
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    min-width: 0;
}

.apex-theme .apex-navbar .apex-nav-shell::before,
.apex-theme .apex-navbar .apex-nav-shell::after {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    width: 14px;
    pointer-events: none;
    opacity: 0.72;
}

.apex-theme .apex-navbar .apex-nav-shell::before {
    left: -8px;
    border-left: 1px solid rgba(200, 155, 60, 0.36);
    border-top: 1px solid rgba(245, 215, 122, 0.42);
    border-bottom: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 16px 0 0 16px;
}

.apex-theme .apex-navbar .apex-nav-shell::after {
    right: -8px;
    border-right: 1px solid rgba(200, 155, 60, 0.36);
    border-top: 1px solid rgba(245, 215, 122, 0.42);
    border-bottom: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 0 16px 16px 0;
}

.apex-theme .apex-navbar .apex-nav-logo {
    flex: 0 0 220px;
    min-width: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
}

.apex-theme .apex-navbar .apex-nav-logo-image img {
    width: clamp(160px, 14vw, 190px);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

.apex-theme .apex-navbar .apex-nav-logo-image.is-fallback .apex-nav-brand-logo-fallback,
.apex-theme .apex-navbar .apex-nav-logo-image .apex-nav-brand-logo-fallback {
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: clamp(1.05rem, 1.6vw, 1.35rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.apex-theme .apex-navbar .apex-nav-menu {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: stretch;
    width: 100%;
}

.apex-theme .apex-navbar .menu nav {
    width: 100%;
}

.apex-theme .apex-navbar .menu ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
}

.apex-theme .apex-navbar .menu ul > li {
    float: none;
    flex: 1 1 0;
    min-width: 0;
}

.apex-theme .apex-navbar .apex-nav-item > a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 112px;
    min-height: 54px;
    padding: 8px 10px 9px;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
    position: relative;
}

.apex-theme .apex-navbar .apex-nav-copy {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 0;
}

.apex-theme .apex-navbar .apex-nav-label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--apex-soft-charcoal);
    font-family: var(--apex-heading-font);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.05;
    text-transform: none;
}

.apex-theme .apex-navbar .apex-nav-sub {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(73, 57, 39, 0.72);
    font-family: var(--apex-body-font);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1.05;
    text-transform: uppercase;
}

.apex-theme .apex-navbar .apex-nav-item > a:hover,
.apex-theme .apex-navbar .apex-nav-item:hover > a,
.apex-theme .apex-navbar .apex-nav-item.is-active > a {
    transform: translateY(-1px);
}

.apex-theme .apex-navbar .apex-nav-item > a:hover .apex-nav-label,
.apex-theme .apex-navbar .apex-nav-item:hover > a .apex-nav-label,
.apex-theme .apex-navbar .apex-nav-item.is-active > a .apex-nav-label {
    color: var(--apex-crimson-core);
}

.apex-theme .apex-navbar .apex-nav-item > a:hover .apex-nav-sub,
.apex-theme .apex-navbar .apex-nav-item:hover > a .apex-nav-sub,
.apex-theme .apex-navbar .apex-nav-item.is-active > a .apex-nav-sub {
    color: rgba(157, 16, 20, 0.82);
}

.apex-theme .apex-navbar .apex-nav-item > a:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(243, 232, 205, 0.34));
    box-shadow: inset 0 -2px 0 rgba(245, 215, 122, 0.45);
}

.apex-theme .apex-navbar .apex-nav-item.is-active > a {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.70), rgba(245, 230, 214, 0.34));
    box-shadow: inset 0 -2px 0 rgba(181, 18, 27, 0.88);
}

.apex-theme .apex-navbar .apex-nav-item > a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 4px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(181, 18, 27, 0), rgba(181, 18, 27, 0.82), rgba(181, 18, 27, 0));
    opacity: 0;
    transform: scaleX(0.72);
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.apex-theme .apex-navbar .apex-nav-item.is-active > a::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #f0d389, #d19f33);
    border: 1px solid rgba(255, 255, 255, 0.28);
    transform: translateX(-50%) rotate(45deg);
    box-shadow: 0 0 8px rgba(245, 215, 122, 0.16);
    border-radius: 1px;
}

.apex-theme .apex-navbar .apex-nav-item > a:hover::after,
.apex-theme .apex-navbar .apex-nav-item:hover > a::after,
.apex-theme .apex-navbar .apex-nav-item.is-active > a::after {
    opacity: 1;
    transform: scaleX(1);
}

.apex-theme .apex-navbar .apex-nav-item-dropdown > a {
    padding-right: 22px;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown {
    position: relative;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown .arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: 0;
    border-top-color: rgba(157, 101, 24, 0.9);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    display: none;
    min-width: 240px;
    margin-top: 8px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 237, 228, 0.98));
    border: 1px solid rgba(200, 155, 60, 0.26);
    box-shadow:
        0 14px 26px rgba(45, 26, 9, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.80);
    overflow: hidden;
    pointer-events: auto;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 237, 228, 0.98));
    border-top: 1px solid rgba(200, 155, 60, 0.26);
    border-left: 1px solid rgba(200, 155, 60, 0.26);
    transform: translateX(-50%) rotate(45deg);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul {
    display: block;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown:hover .mega-menu,
.apex-theme .apex-navbar .apex-nav-item-dropdown:focus-within .mega-menu {
    display: block;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a {
    display: block;
    min-height: 0;
    padding: 12px 18px;
    text-align: left;
    border-radius: 0;
    font-size: 13px;
    letter-spacing: 0.03em;
    color: #4a3523;
    background: transparent;
    transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(200, 155, 60, 0.14);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:hover,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:focus {
    color: var(--apex-crimson-core);
    background: linear-gradient(90deg, rgba(245, 215, 122, 0.18), rgba(255, 255, 255, 0.9));
    padding-left: 22px;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a::after {
    display: none;
}

@media (max-width: 1199px) {
    .apex-theme .apex-navbar .container.apex-nav-shell,
    .apex-theme .apex-navbar .apex-container.apex-nav-shell {
        width: calc(100% - 28px);
        margin-left: 14px;
        margin-right: 14px;
    }

    .apex-theme .apex-navbar .apex-nav-shell {
        min-height: 72px;
        gap: 10px;
        flex-direction: column;
        align-items: stretch;
    }

    .apex-theme .apex-navbar .apex-nav-logo {
        justify-content: center;
    }

    .apex-theme .apex-navbar .apex-nav-logo-image {
        text-align: center;
    }

    .apex-theme .apex-navbar .apex-nav-logo-image img {
        width: clamp(140px, 20vw, 170px);
    }

    .apex-theme .apex-navbar .menu ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .apex-theme .apex-navbar .menu ul > li {
        flex: 0 1 auto;
    }

    .apex-theme .apex-navbar .apex-nav-item > a {
        min-width: 100px;
        min-height: 50px;
        padding: 7px 10px;
    }

    .apex-theme .apex-navbar .apex-nav-label {
        font-size: 14px;
    }

    .apex-theme .apex-navbar .apex-nav-sub {
        font-size: 10px;
        letter-spacing: 0.10em;
    }
}

@media (max-width: 767px) {
    .apex-theme .apex-navbar .apex-nav-shell {
        min-height: 68px;
    }

    .apex-theme .apex-navbar .apex-nav-logo-image img {
        width: clamp(130px, 42vw, 160px);
    }

    .apex-theme .apex-navbar .menu ul {
        gap: 4px 2px;
    }

    .apex-theme .apex-navbar .menu ul > li {
        flex: 0 1 auto;
    }

    .apex-theme .apex-navbar .apex-nav-item > a {
        min-width: 92px;
        min-height: 48px;
        padding: 6px 8px;
        border-radius: 12px;
    }

    .apex-theme .apex-navbar .apex-nav-label {
        font-size: 12px;
    }

    .apex-theme .apex-navbar .apex-nav-sub {
        font-size: 9px;
        letter-spacing: 0.08em;
    }
}

/* APEX HOME PHASE 1 */
html,
body.apex-theme {
    width: auto !important;
    min-width: 0 !important;
}

.apex-theme .apex-navbar {
    background:
        linear-gradient(180deg, rgba(18, 14, 14, 0.96), rgba(33, 24, 22, 0.94)),
        linear-gradient(90deg, rgba(200, 155, 60, 0.16), rgba(181, 18, 27, 0.08), rgba(200, 155, 60, 0.10));
    border-top-color: rgba(245, 215, 122, 0.28);
    border-bottom-color: rgba(200, 155, 60, 0.34);
    box-shadow:
        0 14px 34px rgba(5, 4, 6, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        inset 0 -1px 0 rgba(201, 160, 79, 0.22);
    backdrop-filter: blur(14px);
}

.apex-theme .apex-navbar::before {
    background: linear-gradient(90deg, rgba(200, 155, 60, 0.12), rgba(245, 215, 122, 0.78), rgba(181, 18, 27, 0.22), rgba(200, 155, 60, 0.10));
}

.apex-theme .apex-navbar::after {
    background: linear-gradient(90deg, rgba(200, 155, 60, 0.10), rgba(214, 172, 82, 0.84), rgba(181, 18, 27, 0.22), rgba(200, 155, 60, 0.10));
}

.apex-theme .apex-navbar .apex-nav-shell {
    min-height: 88px;
    gap: 24px;
}

.apex-theme .apex-navbar .apex-nav-logo {
    flex: 0 0 auto;
    gap: 12px;
}

.apex-theme .apex-navbar .apex-nav-brand-mark {
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.90), rgba(255, 244, 221, 0.16) 36%, rgba(255, 255, 255, 0.02) 100%),
        linear-gradient(180deg, rgba(52, 38, 27, 0.92), rgba(20, 16, 15, 0.96));
    border-color: rgba(245, 215, 122, 0.38);
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.apex-theme .apex-navbar .apex-nav-brand-mark img {
    width: 34px;
    height: 34px;
    filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.30));
}

.apex-theme .apex-navbar .apex-nav-logo-image img {
    width: clamp(170px, 15vw, 210px);
    filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.20));
}

.apex-theme .apex-navbar .menu ul {
    justify-content: center;
    gap: 8px;
}

.apex-theme .apex-navbar .menu ul > li {
    flex: 0 1 auto;
}

.apex-theme .apex-navbar .apex-nav-item > a {
    min-width: 108px;
    min-height: 56px;
    padding: 10px 12px 11px;
    border-radius: 14px;
}

.apex-theme .apex-navbar .apex-nav-label {
    color: #f8f0df;
    font-size: 14px;
    letter-spacing: 0.02em;
}

.apex-theme .apex-navbar .apex-nav-sub {
    color: rgba(234, 220, 194, 0.62);
    font-size: 9px;
    letter-spacing: 0.16em;
}

.apex-theme .apex-navbar .apex-nav-item > a:hover,
.apex-theme .apex-navbar .apex-nav-item:hover > a {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(245, 215, 122, 0.08));
    box-shadow: inset 0 -2px 0 rgba(245, 215, 122, 0.40);
}

.apex-theme .apex-navbar .apex-nav-item.is-active > a {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(181, 18, 27, 0.10));
    box-shadow: inset 0 -2px 0 rgba(181, 18, 27, 0.90);
}

.apex-theme .apex-navbar .apex-nav-item > a:hover .apex-nav-label,
.apex-theme .apex-navbar .apex-nav-item:hover > a .apex-nav-label,
.apex-theme .apex-navbar .apex-nav-item.is-active > a .apex-nav-label {
    color: #fff7ea;
}

.apex-theme .apex-navbar .apex-nav-item > a:hover .apex-nav-sub,
.apex-theme .apex-navbar .apex-nav-item:hover > a .apex-nav-sub,
.apex-theme .apex-navbar .apex-nav-item.is-active > a .apex-nav-sub {
    color: rgba(245, 215, 122, 0.86);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu {
    background:
        linear-gradient(180deg, rgba(25, 18, 16, 0.98), rgba(38, 27, 25, 0.98)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.08), rgba(181, 18, 27, 0.06));
    border-color: rgba(200, 155, 60, 0.28);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu::before {
    background: linear-gradient(135deg, rgba(25, 18, 16, 0.98), rgba(38, 27, 25, 0.98));
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a {
    color: #f3ead8;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:hover,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:focus {
    color: #fff7ea;
    background: linear-gradient(90deg, rgba(245, 215, 122, 0.12), rgba(181, 18, 27, 0.08));
}

.apex-theme .apex-nav-actions {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.apex-theme .apex-nav-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-family: var(--apex-heading-font);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.apex-theme .apex-nav-action:hover {
    transform: translateY(-1px);
}

.apex-theme .apex-nav-action-ghost {
    color: #f3ead8;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(245, 215, 122, 0.24);
}

.apex-theme .apex-nav-action-ghost:hover {
    color: #fff9ef;
    background: rgba(255, 255, 255, 0.08);
}

.apex-theme .apex-nav-action-primary {
    color: #fff8ee;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.00) 40%),
        linear-gradient(135deg, #841115 0%, #b61d1e 52%, #d53f29 100%);
    border: 1px solid rgba(245, 215, 122, 0.46);
    box-shadow: 0 12px 26px rgba(71, 17, 10, 0.28);
}

.apex-theme .apex-nav-action-primary:hover {
    color: #ffffff;
    box-shadow: 0 18px 32px rgba(71, 17, 10, 0.36);
}

.apex-theme .apex-hero {
    padding-top: 42px;
    padding-bottom: 24px;
    min-height: calc(100vh - 104px);
    background:
        linear-gradient(90deg, rgba(8, 7, 9, 0.76) 0%, rgba(18, 12, 12, 0.56) 34%, rgba(31, 20, 18, 0.18) 64%, rgba(255, 255, 255, 0.00) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(8, 7, 9, 0.18)),
        radial-gradient(circle at 18% 18%, rgba(245, 215, 122, 0.18), transparent 28%),
        var(--apex-bg-hero) center center/cover no-repeat;
    background-color: #141012;
}

.apex-theme .apex-hero::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.00) 36%, rgba(255, 255, 255, 0.04) 100%),
        radial-gradient(circle at 26% 20%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.00) 42%);
}

.apex-theme .apex-hero::after {
    height: 160px;
    background: linear-gradient(180deg, rgba(244, 241, 232, 0.00) 0%, rgba(244, 241, 232, 0.72) 62%, rgba(244, 241, 232, 0.96) 100%);
}

.apex-theme .apex-hero-grid {
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.64fr);
    gap: 34px;
    min-height: 760px;
    align-items: end;
}

.apex-theme .apex-hero-copy {
    padding: 42px 30px 30px;
}

.apex-theme .apex-hero-copy::before {
    inset: 16px 14px 12px;
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.34), rgba(12, 10, 12, 0.08)),
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.08), transparent 34%);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
}

.apex-theme .apex-hero-seal {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.apex-theme .apex-hero-seal-mark {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 24%, rgba(255, 255, 255, 0.94), rgba(245, 215, 122, 0.16) 36%, rgba(255, 255, 255, 0.02) 100%),
        linear-gradient(180deg, rgba(54, 36, 25, 0.94), rgba(20, 14, 14, 0.98));
    border: 1px solid rgba(245, 215, 122, 0.34);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);
}

.apex-theme .apex-hero-seal-mark img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.apex-theme .apex-hero-seal-fallback {
    display: none;
    color: #fff3d7;
    font-family: var(--apex-heading-font);
    font-size: 1.5rem;
    font-weight: 700;
}

.apex-theme .apex-hero-seal-mark.is-fallback .apex-hero-seal-fallback {
    display: inline-flex;
}

.apex-theme .apex-hero-seal-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.apex-theme .apex-hero-seal-copy .apex-eyebrow {
    margin: 0;
}

.apex-theme .apex-hero-seal-line {
    color: rgba(255, 241, 214, 0.72);
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.apex-theme .apex-hero-logo-slot {
    min-height: 250px;
    margin-bottom: 14px;
}

.apex-theme .apex-hero-logo-image {
    width: clamp(420px, 40vw, 620px);
    filter: drop-shadow(0 20px 36px rgba(0, 0, 0, 0.30));
}

.apex-theme .apex-hero-title {
    margin-bottom: 10px;
    color: #fff4de;
    font-size: clamp(2.7rem, 4vw, 4.2rem);
    letter-spacing: 0.06em;
    text-shadow:
        0 2px 0 rgba(63, 34, 18, 0.24),
        0 16px 30px rgba(0, 0, 0, 0.26);
}

.apex-theme .apex-hero-subtitle {
    margin-bottom: 14px;
    color: #dcb467;
    font-size: clamp(1rem, 1.4vw, 1.3rem);
    letter-spacing: 0.22em;
    text-shadow: none;
}

.apex-theme .apex-hero-description {
    max-width: 560px;
    color: rgba(255, 242, 219, 0.84);
    font-size: 1rem;
    line-height: 1.75;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.20);
}

.apex-theme .apex-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.apex-theme .apex-hero-points span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff1d0;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(245, 215, 122, 0.18);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-theme .apex-hero-actions {
    margin-top: 26px;
    gap: 12px;
}

.apex-theme .apex-btn {
    min-width: 210px;
    min-height: 68px;
    border-radius: 16px;
}

.apex-theme .apex-btn-register {
    color: #fff7ee;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.00) 30%),
        linear-gradient(135deg, #7b5a18 0%, #b88520 44%, #d6a53d 74%, #7a4d10 100%);
}

.apex-theme .apex-btn-community {
    color: #f7efe6;
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(245, 215, 122, 0.24);
    box-shadow:
        0 14px 28px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.apex-theme .apex-login-panel {
    margin-top: 96px;
    padding: 22px 22px 24px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(33, 24, 22, 0.92), rgba(18, 14, 15, 0.92)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.08), rgba(181, 18, 27, 0.06));
    border: 1px solid rgba(200, 155, 60, 0.30);
    box-shadow:
        0 28px 44px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.apex-theme .apex-login-panel::before {
    inset: 10px;
    border-color: rgba(245, 215, 122, 0.12);
}

.apex-theme .apex-login-heading h2 {
    color: #fff3dd;
}

.apex-theme .apex-login-heading p,
.apex-theme .apex-login-panel .form-group label,
.apex-theme .apex-login-panel .eddga-alert,
.apex-theme .apex-login-panel .list-group-item {
    color: rgba(246, 234, 209, 0.78);
}

.apex-theme .apex-login-panel .form-login {
    color: #f8f0df;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(245, 215, 122, 0.16);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.apex-theme .apex-login-panel .form-login::placeholder {
    color: rgba(248, 240, 223, 0.42);
}

.apex-theme .apex-login-panel .list-group-item {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(245, 215, 122, 0.10);
}

.apex-theme .apex-status-summary {
    margin-top: -12px;
    padding-top: 0;
}

.apex-theme .apex-status-rail {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px 20px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 252, 246, 0.96), rgba(244, 239, 230, 0.95));
    border: 1px solid rgba(201, 160, 79, 0.28);
    box-shadow: 0 16px 36px rgba(88, 57, 19, 0.08);
}

.apex-theme .apex-status-rail-copy {
    flex: 0 0 260px;
    max-width: 260px;
}

.apex-theme .apex-status-rail-copy .apex-panel-kicker {
    margin-bottom: 8px;
}

.apex-theme .apex-status-rail-copy p {
    margin: 0;
    color: rgba(68, 50, 31, 0.74);
    font-size: 0.93rem;
    line-height: 1.55;
}

.apex-theme .apex-status-summary-grid {
    flex: 1 1 auto;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.apex-theme .apex-status-summary-card {
    min-height: 116px;
    padding: 12px 12px 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.56);
    border: 1px solid rgba(201, 160, 79, 0.18);
}

.apex-theme .apex-status-summary-card:not(:last-child)::before {
    display: none;
}

.apex-theme .apex-status-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 10px;
}

.apex-theme .apex-status-label {
    font-size: 0.78rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.apex-theme .apex-status-value {
    margin-top: 6px;
    font-size: 1.45rem;
}

/* APEX HOME PHASE 2 */
.apex-theme .apex-hero {
    background:
        linear-gradient(90deg, rgba(8, 7, 9, 0.84) 0%, rgba(18, 12, 12, 0.60) 36%, rgba(31, 20, 18, 0.18) 68%, rgba(255, 255, 255, 0.00) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(8, 7, 9, 0.22)),
        radial-gradient(circle at 20% 18%, rgba(245, 215, 122, 0.24), transparent 26%),
        var(--apex-bg-hero) center center/cover no-repeat;
}

.apex-theme .apex-hero::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(255, 255, 255, 0.05) 100%),
        radial-gradient(circle at 26% 18%, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.00) 38%);
}

.apex-theme .apex-hero-copy::before {
    inset: 12px 10px 10px;
    background:
        linear-gradient(180deg, rgba(10, 8, 10, 0.52), rgba(10, 8, 10, 0.16)),
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.11), transparent 32%);
    box-shadow: 0 26px 54px rgba(0, 0, 0, 0.24);
}

.apex-theme .apex-hero-logo-slot {
    min-height: 238px;
    margin-bottom: 10px;
}

.apex-theme .apex-hero-logo-aura {
    position: absolute;
    inset: 12% auto auto 6%;
    width: 68%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(245, 215, 122, 0.12) 18%, rgba(181, 18, 27, 0.08) 36%, rgba(255, 255, 255, 0.00) 68%);
    filter: blur(14px);
    pointer-events: none;
}

.apex-theme .apex-hero-logo-image {
    position: relative;
    z-index: 1;
    width: clamp(430px, 40vw, 640px);
    filter: drop-shadow(0 26px 44px rgba(0, 0, 0, 0.34));
}

.apex-theme .apex-hero-title {
    margin-bottom: 8px;
    letter-spacing: 0.05em;
    text-shadow:
        0 2px 0 rgba(63, 34, 18, 0.22),
        0 18px 34px rgba(0, 0, 0, 0.34);
}

.apex-theme .apex-hero-subtitle {
    margin-bottom: 12px;
    color: #e1bf76;
    letter-spacing: 0.2em;
}

.apex-theme .apex-hero-description {
    max-width: 540px;
    color: rgba(255, 244, 223, 0.88);
}

.apex-theme .apex-hero-actions {
    gap: 14px;
}

.apex-theme .apex-btn {
    min-height: 70px;
    border-radius: 18px;
    box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.apex-theme .apex-btn-primary,
.apex-theme .apex-btn-register {
    border-width: 1px;
}

.apex-theme .apex-btn-community {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.00) 30%),
        rgba(255, 255, 255, 0.05);
}

.apex-theme .apex-hero-side {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.apex-theme .apex-login-panel {
    width: min(100%, 468px);
    margin-top: 74px;
    padding: 20px 20px 22px;
    background:
        linear-gradient(180deg, rgba(29, 22, 21, 0.88), rgba(18, 14, 15, 0.90)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.07), rgba(181, 18, 27, 0.04));
    box-shadow:
        0 26px 46px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.apex-theme .apex-login-heading {
    margin-bottom: 14px;
}

.apex-theme .apex-login-heading p {
    font-size: 0.92rem;
    line-height: 1.45;
}

.apex-theme .apex-news-section {
    padding-top: 34px;
    padding-bottom: 36px;
    background:
        linear-gradient(180deg, rgba(18, 14, 15, 0.72), rgba(18, 14, 15, 0.58)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.00) 14%),
        var(--apex-bg-news) center center/cover no-repeat;
}

.apex-theme .apex-news-section::before {
    background:
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.08), transparent 28%),
        radial-gradient(circle at bottom right, rgba(155, 155, 148, 0.05), transparent 30%);
    opacity: 0.55;
}

.apex-theme .apex-news-section::after {
    background: linear-gradient(180deg, rgba(244, 241, 232, 0.00), rgba(244, 241, 232, 0.02));
}

.apex-theme .apex-news-heading {
    max-width: 760px;
    margin-bottom: 18px;
    text-align: left;
}

.apex-theme .apex-news-heading h2,
.apex-theme .apex-news-heading p {
    color: #fff3dd;
}

.apex-theme .apex-news-heading p {
    color: rgba(255, 239, 211, 0.72);
}

.apex-theme .apex-news-feed-shell {
    display: grid;
    gap: 12px;
}

.apex-theme .apex-news-feed-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px 20px;
}

.apex-theme .apex-news-stack-kicker,
.apex-theme .apex-news-meta-line {
    font-family: var(--apex-heading-font);
    font-size: 0.66rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(245, 215, 122, 0.74);
}

.apex-theme .apex-news-feed-head p {
    margin: 0;
    max-width: 560px;
    color: rgba(255, 239, 211, 0.66);
    line-height: 1.45;
    font-size: 0.92rem;
}

.apex-theme .apex-homepage .apex-news-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.apex-theme .apex-homepage .allnews-box.apex-news-card {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: auto;
    margin-top: 0;
    padding: 12px;
    border-color: rgba(245, 215, 122, 0.14);
    background:
        linear-gradient(180deg, rgba(30, 22, 22, 0.72), rgba(18, 14, 15, 0.78)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.03), rgba(181, 18, 27, 0.02));
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.14);
}

.apex-theme .apex-homepage .allnews-box.apex-news-card::before {
    border-color: rgba(245, 215, 122, 0.08);
}

.apex-theme .apex-homepage .allnews-box.apex-news-card::after {
    inset: auto 12px 0 12px;
    opacity: 0.68;
}

.apex-theme .apex-news-thumb {
    display: block;
    margin-bottom: 12px;
}

.apex-theme .apex-news-thumb .boximg-shine {
    min-height: 144px;
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
}

.apex-theme .apex-news-thumb .boximg-shine figure,
.apex-theme .apex-news-thumb .boximg-shine img {
    width: 100%;
    height: 100%;
}

.apex-theme .apex-news-thumb .boximg-shine img {
    object-fit: cover;
}

.apex-theme .apex-news-thumb .boximg-shine figure::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00), rgba(0, 0, 0, 0.28)),
        linear-gradient(0deg, rgba(18, 14, 15, 0.14), rgba(18, 14, 15, 0.00));
}

.apex-theme .apex-news-copy {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    flex: 1 1 auto;
}

.apex-theme .apex-news-meta-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.apex-theme .apex-news-copy .allnews-time {
    margin: 0;
    flex: 0 0 auto;
}

.apex-theme .apex-news-copy .allnews-text-harder {
    color: #fff3e0;
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.apex-theme .apex-news-copy .allnews-text {
    color: rgba(255, 239, 211, 0.64);
    margin: 0;
    min-height: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.apex-theme .apex-news-card .allnews-botton {
    margin-top: auto;
    padding: 0;
}

.apex-theme .apex-news-card .allnews-botton .btn-view {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
    color: #e7c56a;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-family: var(--apex-heading-font);
    font-size: 0.72rem;
    letter-spacing: 0.14em;
    white-space: nowrap;
}

.apex-theme .apex-news-card .allnews-botton .btn-view:hover {
    color: #fff0c4;
    transform: translateX(2px);
}

.apex-theme .apex-news-card .status-event {
    color: #fff7ec;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.apex-theme .apex-command-section {
    padding-top: 46px;
    padding-bottom: 56px;
    background:
        linear-gradient(180deg, rgba(8, 7, 9, 0.56), rgba(8, 7, 9, 0.64)),
        radial-gradient(circle at 22% 18%, rgba(245, 215, 122, 0.14), transparent 26%),
        radial-gradient(circle at 82% 74%, rgba(181, 18, 27, 0.10), transparent 22%),
        var(--apex-bg-ranking) center center/cover no-repeat;
}

.apex-theme .apex-command-section::before {
    background:
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.08), transparent 28%),
        radial-gradient(circle at bottom right, rgba(155, 155, 148, 0.04), transparent 30%);
    opacity: 0.48;
}

.apex-theme .apex-command-section::after {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.00), rgba(255, 248, 237, 0.025)),
        linear-gradient(90deg, rgba(0, 0, 0, 0.14), rgba(255, 255, 255, 0.00) 24%, rgba(0, 0, 0, 0.14));
}

.apex-theme .apex-homepage .apex-ranking-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
    gap: 22px;
    align-items: stretch;
}

.apex-theme .apex-homepage .apex-ranking-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 22px 20px 18px;
    border-radius: 26px;
    background:
        linear-gradient(180deg, rgba(26, 19, 18, 0.78), rgba(14, 11, 12, 0.84)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.06), rgba(181, 18, 27, 0.03));
    border: 1px solid rgba(245, 215, 122, 0.18);
    box-shadow:
        0 22px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.apex-theme .apex-homepage .apex-ranking-panel::before {
    inset: 10px;
    border-radius: 18px;
    border: 1px solid rgba(245, 215, 122, 0.08);
}

.apex-theme .apex-ranking-panel .apex-panel-heading {
    margin-bottom: 16px;
    text-align: left;
}

.apex-theme .apex-ranking-panel h3 {
    margin: 10px 0 8px;
    color: #fff3df;
    font-size: 1.55rem;
}

.apex-theme .apex-ranking-panel-copy {
    margin: 0;
    color: rgba(255, 239, 211, 0.68);
    font-size: 0.92rem;
    line-height: 1.55;
}

.apex-theme .apex-ranking-panel-body {
    flex: 1 1 auto;
}

.apex-theme .apex-ranking-table-wrap {
    display: grid;
}

.apex-theme .apex-ranking-panel .table-rank {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0 8px;
}

.apex-theme .apex-ranking-panel .table-rank td {
    padding: 0 4px;
    border-top: 0;
}

.apex-theme .apex-rank-row .rank-number,
.apex-theme .apex-rank-row .rank-name,
.apex-theme .apex-rank-row .rank-point {
    min-height: 48px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    border: 1px solid rgba(245, 215, 122, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    box-shadow: none;
}

.apex-theme .apex-rank-row .rank-number {
    justify-content: center;
    color: #fff1cf;
    font-size: 0.94rem;
}

.apex-theme .apex-rank-row .rank-name {
    color: #fff5e5;
    font-weight: 700;
    padding: 0 14px;
}

.apex-theme .apex-rank-row .rank-point {
    justify-content: flex-end;
    padding: 0 14px;
    color: #f0ca6f;
    font-weight: 700;
}

.apex-theme .apex-rank-row-1 .rank-number,
.apex-theme .apex-rank-row-1 .rank-point {
    background: linear-gradient(180deg, rgba(214, 162, 61, 0.96), rgba(145, 92, 17, 0.96));
    color: #fff8eb;
}

.apex-theme .apex-rank-row-1 .rank-name {
    border-color: rgba(245, 215, 122, 0.28);
    background: linear-gradient(180deg, rgba(62, 44, 21, 0.82), rgba(30, 22, 15, 0.82));
    color: #fff5de;
}

.apex-theme .apex-rank-row-2 .rank-number,
.apex-theme .apex-rank-row-2 .rank-point {
    background: linear-gradient(180deg, rgba(170, 177, 194, 0.95), rgba(94, 101, 122, 0.95));
    color: #fbfdff;
}

.apex-theme .apex-rank-row-3 .rank-number,
.apex-theme .apex-rank-row-3 .rank-point {
    background: linear-gradient(180deg, rgba(170, 102, 55, 0.95), rgba(110, 62, 27, 0.95));
    color: #fff2e8;
}

.apex-theme .guild-row + .guild-row {
    margin-top: 12px;
}

.apex-theme .guild-box {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 10px 12px;
    align-items: center;
    padding: 16px;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.04), rgba(181, 18, 27, 0.03));
    border: 1px solid rgba(245, 215, 122, 0.14);
    box-shadow: none;
}

.apex-theme .guild-bgem {
    grid-row: 1 / span 3;
}

.apex-theme .icon-em {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    padding: 6px;
}

.apex-theme .guild-textcastle,
.apex-theme .guild-textname,
.apex-theme .guild-textmaster {
    color: rgba(255, 239, 211, 0.78);
    font-size: 0.88rem;
    line-height: 1.45;
}

.apex-theme .guild-box span {
    color: #fff3df;
    font-weight: 700;
}

.apex-theme .apex-ranking-actions {
    margin-top: 16px;
}

.apex-theme .apex-ranking-link {
    min-height: 44px;
    min-width: 0;
    justify-content: center;
    padding: 0 18px;
    border-radius: 999px;
    color: #fff8eb;
    background:
        linear-gradient(180deg, rgba(177, 29, 31, 0.92), rgba(116, 12, 18, 0.92)),
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.00));
    border: 1px solid rgba(245, 215, 122, 0.20);
    font-size: 0.74rem;
    letter-spacing: 0.14em;
}

.apex-theme .apex-ranking-link:hover {
    color: #fff;
}

.apex-theme .apex-footer {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.74), rgba(10, 9, 11, 0.68)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.08), transparent 24%),
        radial-gradient(circle at bottom right, rgba(181, 18, 27, 0.10), transparent 18%),
        var(--apex-bg-footer) center center/cover no-repeat;
}

.apex-theme .apex-footer::before {
    background:
        radial-gradient(circle at top left, rgba(245, 215, 122, 0.06), transparent 26%),
        radial-gradient(circle at bottom right, rgba(155, 155, 148, 0.04), transparent 28%);
    opacity: 0.5;
}

.apex-theme .apex-footer::after {
    background:
        linear-gradient(180deg, rgba(11, 11, 13, 0.12), rgba(11, 11, 13, 0.24)),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015), rgba(11, 11, 13, 0.00));
}

.apex-theme .apex-footer-card {
    background:
        linear-gradient(180deg, rgba(29, 21, 21, 0.56), rgba(16, 13, 14, 0.64)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.03), rgba(181, 18, 27, 0.02));
    border-color: rgba(245, 215, 122, 0.12);
    box-shadow:
        0 14px 24px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.apex-theme .apex-footer-brand img {
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.22));
}

.apex-theme .apex-footer-grid {
    gap: 20px;
}

.apex-theme .apex-footer-card {
    padding: 20px 16px 22px;
}

.apex-theme .apex-footer-card h3 {
    margin-bottom: 14px;
    font-size: 1rem;
    line-height: 1.35;
    color: #fff1db;
}

.apex-theme .apex-footer-card-copy {
    min-height: 0;
    margin: 0 0 14px;
    color: rgba(245, 239, 225, 0.72);
    font-size: 0.91rem;
    line-height: 1.62;
}

.apex-theme .apex-footer-links {
    gap: 8px;
}

.apex-theme .apex-footer-links a {
    color: rgba(244, 238, 226, 0.82);
    font-size: 0.9rem;
    line-height: 1.55;
    letter-spacing: 0.01em;
    opacity: 0.92;
}

.apex-theme .apex-footer-links a:hover {
    color: #f3d57a;
    opacity: 1;
}

.apex-theme .apex-footer-meta {
    margin-top: 26px;
    color: rgba(244, 241, 232, 0.78);
    font-size: 0.9rem;
    line-height: 1.6;
}

.apex-theme .apex-footer-bottom {
    gap: 20px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(245, 215, 122, 0.12);
}

.apex-theme .apex-footer-bottom .apex-footer-meta {
    color: rgba(244, 241, 232, 0.8);
}

.apex-theme .apex-footer-bottom .apex-footer-meta small {
    margin-top: 7px;
    color: rgba(244, 241, 232, 0.68);
    font-size: 0.77rem;
    line-height: 1.55;
}

.apex-theme .apex-footer-policy-links {
    gap: 10px 16px;
}

.apex-theme .apex-footer-policy-links a,
.apex-theme .apex-footer-socials a {
    color: rgba(244, 241, 232, 0.82);
}

.apex-theme .apex-footer-policy-links a:hover,
.apex-theme .apex-footer-socials a:hover {
    color: #f3d57a;
}

.apex-theme .apex-footer-socials {
    gap: 9px;
}

.apex-theme .apex-footer-socials a {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(245, 215, 122, 0.12);
}

@media (max-width: 1199px) {
    .apex-theme .container,
    .apex-theme .apex-container,
    .apex-theme .apex-homepage .container,
    .apex-theme .apex-homepage .apex-container,
    .apex-theme .apex-navbar .container.apex-nav-shell,
    .apex-theme .apex-navbar .apex-container.apex-nav-shell {
        width: calc(100% - 28px);
        margin-left: 14px;
        margin-right: 14px;
    }

    .apex-theme .apex-navbar .apex-nav-shell {
        min-height: 84px;
        gap: 14px;
    }

    .apex-theme .apex-navbar .row,
    .apex-theme .apex-navbar .apex-nav-menu,
    .apex-theme .apex-navbar .menu nav {
        width: 100%;
    }

    .apex-theme .apex-nav-actions {
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .apex-theme .apex-homepage .apex-hero-grid,
    .apex-theme .apex-hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        align-items: start;
    }

    .apex-theme .apex-login-panel {
        margin-top: 0;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    .apex-theme .apex-news-feed-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .apex-theme .apex-homepage .apex-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .apex-theme .apex-news-feed-head p {
        max-width: none;
    }

    .apex-theme .apex-homepage .apex-ranking-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .apex-theme .apex-homepage .apex-ranking-panel-pvp {
        grid-column: 1 / -1;
    }

    .apex-theme .apex-status-rail {
        flex-direction: column;
        align-items: stretch;
    }

    .apex-theme .apex-status-rail-copy {
        flex: 1 1 auto;
        max-width: none;
    }
}

@media (max-width: 767px) {
    .apex-theme .container,
    .apex-theme .apex-container,
    .apex-theme .apex-homepage .container,
    .apex-theme .apex-homepage .apex-container,
    .apex-theme .apex-navbar .container.apex-nav-shell,
    .apex-theme .apex-navbar .apex-container.apex-nav-shell {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .apex-theme .apex-navbar .apex-nav-shell {
        padding-top: 8px;
        padding-bottom: 10px;
    }

    .apex-theme .apex-navbar .apex-nav-brand-mark {
        width: 46px;
        height: 46px;
    }

    .apex-theme .apex-navbar .apex-nav-brand-mark img {
        width: 30px;
        height: 30px;
    }

    .apex-theme .apex-navbar .menu ul {
        gap: 6px 4px;
    }

    .apex-theme .apex-navbar .apex-nav-item > a {
        min-width: 86px;
        min-height: 46px;
        padding: 7px 8px;
    }

    .apex-theme .apex-navbar .apex-nav-label {
        font-size: 12px;
    }

    .apex-theme .apex-nav-actions {
        align-self: center;
        width: auto;
        max-width: 100%;
        gap: 8px;
    }

    .apex-theme .apex-nav-action {
        flex: 0 1 auto;
        min-width: 132px;
        min-height: 40px;
        padding: 0 14px;
        font-size: 0.72rem;
    }

    .apex-theme .apex-hero {
        padding-top: 22px;
        padding-bottom: 20px;
        background:
            linear-gradient(180deg, rgba(9, 8, 10, 0.62) 0%, rgba(18, 12, 12, 0.22) 48%, rgba(244, 241, 232, 0.04) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(8, 7, 9, 0.18)),
            var(--apex-bg-hero-mobile) center center/cover no-repeat;
    }

    .apex-theme .apex-hero-copy {
        padding: 22px 14px 18px;
    }

    .apex-theme .apex-homepage .apex-hero-grid,
    .apex-theme .apex-hero-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-hero-seal {
        gap: 10px;
        margin-bottom: 12px;
    }

    .apex-theme .apex-hero-seal-mark {
        width: 48px;
        height: 48px;
    }

    .apex-theme .apex-hero-logo-slot {
        min-height: 160px;
        margin-bottom: 10px;
    }

    .apex-theme .apex-hero-logo-image {
        width: min(84vw, 400px);
    }

    .apex-theme .apex-hero-logo-aura {
        width: 78%;
        left: 10%;
        filter: blur(16px);
    }

    .apex-theme .apex-hero-title {
        font-size: clamp(2rem, 8vw, 2.8rem);
    }

    .apex-theme .apex-hero-subtitle {
        font-size: 0.92rem;
        letter-spacing: 0.16em;
    }

    .apex-theme .apex-hero-description {
        font-size: 0.94rem;
        line-height: 1.65;
    }

    .apex-theme .apex-hero-points {
        gap: 8px;
    }

    .apex-theme .apex-hero-points span {
        width: 100%;
        justify-content: center;
        min-height: 28px;
        font-size: 0.72rem;
    }

    .apex-theme .apex-btn {
        min-height: 58px;
    }

    .apex-theme .apex-login-panel {
        padding: 18px 16px 20px;
        border-radius: 24px;
        max-width: none;
    }

    .apex-theme .apex-news-section {
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .apex-theme .apex-news-heading {
        margin-bottom: 14px;
    }

    .apex-theme .apex-news-feed-head {
        gap: 6px;
    }

    .apex-theme .apex-news-feed-head p {
        font-size: 0.86rem;
    }

    .apex-theme .apex-homepage .apex-news-grid,
    .apex-theme .apex-homepage .apex-ranking-grid {
        grid-template-columns: 1fr;
    }

    .apex-theme .apex-homepage .allnews-box.apex-news-card {
        padding: 10px;
    }

    .apex-theme .apex-news-thumb .boximg-shine {
        min-height: 152px;
    }

    .apex-theme .apex-news-meta-row {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .apex-theme .apex-news-copy {
        gap: 5px;
    }

    .apex-theme .apex-news-copy .allnews-text-harder {
        font-size: 0.94rem;
    }

    .apex-theme .apex-news-copy .allnews-text {
        font-size: 0.84rem;
    }

    .apex-theme .apex-command-section {
        padding-top: 36px;
        padding-bottom: 40px;
    }

    .apex-theme .apex-homepage .apex-ranking-panel {
        padding: 18px 16px 16px;
    }

    .apex-theme .apex-ranking-panel h3 {
        font-size: 1.36rem;
    }

    .apex-theme .guild-box {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px 10px;
        padding: 14px;
    }

    .apex-theme .icon-em {
        width: 40px;
        height: 40px;
    }

    .apex-theme .apex-ranking-link {
        width: 100%;
    }

    .apex-theme .apex-status-rail {
        gap: 12px;
        padding: 12px;
        border-radius: 20px;
    }

    .apex-theme .apex-status-summary-card {
        min-height: 84px;
        padding: 10px 10px 8px;
    }

    .apex-theme .apex-status-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 8px;
    }
}

/* APEX HOME FINAL HERO PASS */
.apex-theme .apex-hero {
    padding-bottom: 72px;
    background:
        linear-gradient(90deg, rgba(8, 7, 9, 0.74) 0%, rgba(18, 12, 12, 0.42) 34%, rgba(31, 20, 18, 0.10) 64%, rgba(255, 255, 255, 0.00) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(8, 7, 9, 0.16)),
        radial-gradient(circle at 20% 18%, rgba(245, 215, 122, 0.18), transparent 24%),
        var(--apex-bg-hero) center center/cover no-repeat;
}

.apex-theme .apex-hero::before {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.04) 44%, rgba(255, 255, 255, 0.02) 100%),
        radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.00) 40%);
}

.apex-theme .apex-hero > .apex-container {
    position: relative;
}

.apex-theme .apex-hero::after {
    background: linear-gradient(180deg, rgba(10, 9, 11, 0.00) 0%, rgba(10, 9, 11, 0.08) 72%, rgba(10, 9, 11, 0.30) 100%);
}

.apex-theme .apex-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
    gap: 46px;
    min-height: 760px;
    align-items: center;
    padding-bottom: 0;
}

.apex-theme .apex-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 8px 0 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}

.apex-theme .apex-hero-copy::before {
    display: none;
}

.apex-theme .apex-hero-seal {
    margin-bottom: 14px;
}

.apex-theme .apex-hero-logo-slot {
    min-height: 220px;
    margin-bottom: 10px;
}

.apex-theme .apex-hero-logo-aura {
    inset: 14% auto auto 8%;
    width: 62%;
    background:
        radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, rgba(245, 215, 122, 0.10) 18%, rgba(181, 18, 27, 0.04) 36%, rgba(255, 255, 255, 0.00) 68%);
    filter: blur(16px);
}

.apex-theme .apex-hero-logo-image {
    width: clamp(440px, 43vw, 680px);
    filter: drop-shadow(0 20px 34px rgba(0, 0, 0, 0.26));
}

.apex-theme .apex-hero-title,
.apex-theme .apex-hero-subtitle,
.apex-theme .apex-hero-description {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.apex-theme .apex-hero-title {
    max-width: 560px;
    margin-bottom: 10px;
    font-size: clamp(2.5rem, 4.8vw, 4.8rem);
    letter-spacing: 0.04em;
    text-shadow:
        0 1px 0 rgba(63, 34, 18, 0.18),
        0 12px 22px rgba(0, 0, 0, 0.24);
}

.apex-theme .apex-hero-subtitle {
    max-width: 540px;
    margin-bottom: 10px;
    color: #e7c982;
    letter-spacing: 0.18em;
}

.apex-theme .apex-hero-description {
    max-width: 520px;
    color: rgba(255, 244, 223, 0.78);
}

.apex-theme .apex-hero-side {
    justify-content: flex-end;
    align-items: center;
}

.apex-theme .apex-login-panel {
    width: min(100%, 380px);
    margin-top: 20px;
    margin-left: auto;
    padding: 16px 18px 18px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(26, 20, 20, 0.74), rgba(15, 12, 13, 0.78)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.04), rgba(181, 18, 27, 0.03));
    border: 1px solid rgba(245, 215, 122, 0.16);
    box-shadow:
        0 16px 30px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(8px);
}

.apex-theme .apex-login-panel::before {
    inset: 8px;
    border-color: rgba(245, 215, 122, 0.08);
}

.apex-theme .apex-login-heading {
    margin-bottom: 10px;
}

.apex-theme .apex-login-heading h2 {
    margin-bottom: 6px;
}

.apex-theme .apex-login-heading p {
    color: rgba(246, 234, 209, 0.58);
    font-size: 0.84rem;
    line-height: 1.45;
}

.apex-theme .apex-login-panel .form-group {
    margin-bottom: 10px;
}

.apex-theme .apex-login-panel .form-group label {
    font-size: 0.74rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.apex-theme .apex-login-panel .form-login {
    min-height: 42px;
    background: rgba(255, 255, 255, 0.05);
}

.apex-theme .apex-login-panel .btn-submit,
.apex-theme .apex-login-panel .btn-reset,
.apex-theme .apex-login-panel .btn-register {
    min-height: 44px;
}

.apex-theme .apex-hero-status-wrap {
    position: relative;
    width: min(1120px, calc(100% - 32px));
    margin: 22px auto 0;
    z-index: 3;
}

.apex-theme .apex-status-rail-floating {
    padding: 10px 14px;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(19, 16, 17, 0.64), rgba(10, 9, 11, 0.72)),
        linear-gradient(90deg, rgba(245, 215, 122, 0.03), rgba(181, 18, 27, 0.02));
    border: 1px solid rgba(245, 215, 122, 0.12);
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
}

.apex-theme .apex-status-rail-floating .apex-status-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    align-items: center;
}

.apex-theme .apex-status-rail-floating .apex-status-summary-card {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
    min-height: 0;
    padding: 8px 16px;
    align-items: center;
    text-align: left;
    border-radius: 0;
    background: transparent;
    border: 0;
    border-right: 1px solid rgba(245, 215, 122, 0.10);
}

.apex-theme .apex-status-rail-floating .apex-status-summary-card:last-child {
    border-right: 0;
}

.apex-theme .apex-status-rail-floating .apex-status-icon {
    width: 26px;
    height: 26px;
    margin-bottom: 0;
    font-size: 0.78rem;
    background: transparent;
    color: rgba(245, 215, 122, 0.88);
}

.apex-theme .apex-status-copy {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.apex-theme .apex-status-rail-floating .apex-status-label {
    color: rgba(255, 239, 211, 0.62);
    font-size: 0.6rem;
    letter-spacing: 0.16em;
    white-space: nowrap;
}

.apex-theme .apex-status-rail-floating .apex-status-value {
    margin-top: 0;
    color: #fff2cf;
    font-size: 1rem;
    white-space: nowrap;
}

.apex-theme .apex-news-section::after {
    background: linear-gradient(180deg, rgba(10, 9, 11, 0.20) 0%, rgba(18, 14, 15, 0.02) 12%, rgba(18, 14, 15, 0.10) 88%, rgba(10, 9, 11, 0.22) 100%);
}

.apex-theme .apex-command-section::after {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.16) 0%, rgba(10, 9, 11, 0.02) 12%, rgba(255, 248, 237, 0.018) 58%, rgba(10, 9, 11, 0.24) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.12), rgba(255, 255, 255, 0.00) 24%, rgba(0, 0, 0, 0.12));
}

.apex-theme .apex-footer::after {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.18) 0%, rgba(11, 11, 13, 0.08) 16%, rgba(11, 11, 13, 0.26) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.015), rgba(11, 11, 13, 0.00));
}

.apex-theme .apex-section-heading .apex-panel-kicker,
.apex-theme .apex-panel-heading .apex-panel-kicker,
.apex-theme .apex-news-meta-line,
.apex-theme .apex-news-stack-kicker {
    font-size: 0.64rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(245, 215, 122, 0.80);
}

.apex-theme .apex-section-heading h2 {
    color: #fff2dd;
    font-size: clamp(1.9rem, 3vw, 2.7rem);
}

.apex-theme .apex-section-heading p,
.apex-theme .apex-panel-heading p {
    color: rgba(255, 239, 211, 0.64);
}

.apex-theme .apex-news-copy .allnews-text-harder {
    font-size: 0.96rem;
    font-weight: 700;
}

.apex-theme .apex-ranking-panel h3 {
    font-size: 1.48rem;
}

@media (max-width: 1199px) {
    .apex-theme .apex-hero {
        padding-bottom: 40px;
    }

    .apex-theme .apex-homepage .apex-hero-grid,
    .apex-theme .apex-hero-grid {
        grid-template-columns: 1fr;
        min-height: auto;
        align-items: start;
        gap: 26px;
        padding-bottom: 0;
    }

    .apex-theme .apex-hero-copy {
        padding: 16px 0 0;
    }

    .apex-theme .apex-hero-side {
        justify-content: center;
    }

    .apex-theme .apex-login-panel {
        margin-top: 0;
        width: min(100%, 420px);
    }

    .apex-theme .apex-hero-status-wrap {
        width: 100%;
        margin-top: 24px;
    }

    .apex-theme .apex-status-rail-floating {
        border-radius: 26px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 0;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card:nth-child(2) {
        border-right: 0;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card:nth-child(-n+2) {
        border-bottom: 1px solid rgba(245, 215, 122, 0.08);
    }
}

@media (max-width: 767px) {
    .apex-theme .apex-hero {
        padding-top: 22px;
        padding-bottom: 26px;
        background:
            linear-gradient(180deg, rgba(9, 8, 10, 0.58) 0%, rgba(18, 12, 12, 0.20) 44%, rgba(244, 241, 232, 0.03) 100%),
            linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(8, 7, 9, 0.14)),
            var(--apex-bg-hero-mobile) center center/cover no-repeat;
    }

    .apex-theme .apex-hero-logo-slot {
        min-height: 156px;
    }

    .apex-theme .apex-hero-logo-image {
        width: min(82vw, 390px);
    }

    .apex-theme .apex-hero-title {
        font-size: clamp(2rem, 8vw, 2.8rem);
    }

    .apex-theme .apex-hero-subtitle {
        font-size: 0.88rem;
        letter-spacing: 0.14em;
    }

    .apex-theme .apex-hero-description {
        font-size: 0.92rem;
        line-height: 1.62;
    }

    .apex-theme .apex-login-panel {
        width: 100%;
        padding: 16px 14px 16px;
        border-radius: 20px;
    }

    .apex-theme .apex-status-rail-floating {
        padding: 10px 12px;
        border-radius: 22px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 0;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card {
        grid-template-columns: 22px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 10px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-icon {
        width: 22px;
        height: 22px;
        font-size: 0.72rem;
    }

    .apex-theme .apex-status-rail-floating .apex-status-label {
        font-size: 0.62rem;
        letter-spacing: 0.14em;
    }

    .apex-theme .apex-status-rail-floating .apex-status-value {
        font-size: 0.94rem;
    }

    .apex-theme .apex-status-copy {
        gap: 8px;
    }
}

/* APEX HOME UI REFINEMENT */
.apex-theme .apex-navbar .apex-nav-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.apex-theme .apex-navbar .apex-nav-sub {
    font-size: 10.5px;
    letter-spacing: 0.16em;
}

.apex-theme .apex-nav-action {
    min-height: 46px;
    padding: 0 18px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.apex-theme .apex-nav-action-primary,
.apex-theme .apex-nav-action-ghost {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu {
    top: calc(100% + 10px);
    min-width: 252px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(251, 247, 238, 0.98), rgba(241, 235, 223, 0.98));
    box-shadow:
        0 18px 28px rgba(24, 14, 6, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li::before,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li::after,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a::before,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a::after {
    content: none !important;
    display: none !important;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a {
    padding: 13px 20px;
    text-align: center;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #513724;
    transition: background 0.2s ease, color 0.2s ease;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:hover,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:focus {
    padding-left: 20px;
    color: #8f1014;
    background: linear-gradient(90deg, rgba(245, 215, 122, 0.20), rgba(255, 255, 255, 0.92));
}

.apex-theme .apex-status-rail-floating {
    width: min(1020px, 100%);
    margin: 0 auto;
    padding: 9px 12px;
}

.apex-theme .apex-status-rail-floating .apex-status-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.apex-theme .apex-status-rail-floating .apex-status-summary-card {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 12px;
}

.apex-theme .apex-status-rail-floating .apex-status-icon {
    width: 34px;
    height: 34px;
    font-size: 0.98rem;
}

.apex-theme .apex-status-copy {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
}

.apex-theme .apex-status-rail-floating .apex-status-label {
    order: 2;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    color: rgba(255, 239, 211, 0.54);
}

.apex-theme .apex-status-rail-floating .apex-status-value {
    order: 1;
    font-size: 1.18rem;
    font-weight: 700;
    line-height: 1;
    color: #fff0cd;
}

.apex-theme .apex-status-server .apex-status-icon,
.apex-theme .apex-status-server .apex-status-value {
    color: #d8ffdd;
    text-shadow: 0 0 10px rgba(115, 198, 127, 0.18);
}

.apex-theme .apex-status-server .apex-status-label {
    color: rgba(200, 245, 206, 0.66);
}

.apex-theme .apex-section-heading h2 {
    font-size: clamp(2.15rem, 3.2vw, 3.05rem);
    letter-spacing: 0.01em;
}

.apex-theme .apex-footer .apex-section-heading h2,
.apex-theme .apex-command-section .apex-section-heading h2,
.apex-theme .apex-news-heading h2 {
    font-size: clamp(2.15rem, 3.2vw, 3.05rem);
}

.apex-theme .apex-section-heading p,
.apex-theme .apex-panel-heading p {
    font-size: 0.97rem;
    line-height: 1.62;
}

.apex-theme .apex-news-stack-kicker,
.apex-theme .apex-news-meta-line,
.apex-theme .apex-section-heading .apex-panel-kicker,
.apex-theme .apex-panel-heading .apex-panel-kicker {
    font-size: 0.68rem;
    letter-spacing: 0.22em;
}

.apex-theme .apex-news-copy {
    gap: 8px;
}

.apex-theme .apex-news-copy .allnews-text-harder {
    font-size: 1.03rem;
    line-height: 1.36;
}

.apex-theme .apex-news-copy .allnews-text {
    font-size: 0.89rem;
    line-height: 1.56;
}

.apex-theme .apex-news-card .allnews-botton .btn-view {
    font-size: 0.76rem;
    letter-spacing: 0.16em;
}

.apex-theme .apex-ranking-panel h3 {
    font-size: 1.68rem;
    line-height: 1.14;
    letter-spacing: 0.01em;
}

.apex-theme .apex-ranking-panel-copy {
    font-size: 0.98rem;
    line-height: 1.62;
    color: rgba(255, 239, 211, 0.72);
}

.apex-theme .apex-homepage .apex-ranking-panel {
    padding: 24px 22px 20px;
    background:
        linear-gradient(180deg, rgba(26, 19, 18, 0.72), rgba(14, 11, 12, 0.80)),
        linear-gradient(180deg, rgba(245, 215, 122, 0.05), rgba(181, 18, 27, 0.025));
}

.apex-theme .apex-ranking-panel .apex-panel-heading {
    margin-bottom: 18px;
}

.apex-theme .apex-ranking-panel .table-rank {
    margin-top: 8px;
    border-spacing: 0 10px;
}

.apex-theme .apex-ranking-panel .table-rank td {
    padding: 0 5px;
}

.apex-theme .apex-rank-row .rank-number,
.apex-theme .apex-rank-row .rank-name,
.apex-theme .apex-rank-row .rank-point {
    min-height: 50px;
}

.apex-theme .apex-rank-row .rank-number {
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.apex-theme .apex-rank-row .rank-name {
    font-size: 1.02rem;
    line-height: 1.3;
    letter-spacing: 0.01em;
    padding: 0 15px;
}

.apex-theme .apex-rank-row .rank-point {
    font-size: 1.08rem;
    line-height: 1;
    letter-spacing: 0.01em;
    padding: 0 15px;
    justify-content: flex-end;
}

.apex-theme .apex-rank-row-1 .rank-number,
.apex-theme .apex-rank-row-1 .rank-name,
.apex-theme .apex-rank-row-1 .rank-point {
    min-height: 56px;
}

.apex-theme .apex-rank-row-1 .rank-name {
    font-size: 1.08rem;
}

.apex-theme .apex-rank-row-1 .rank-point {
    font-size: 1.14rem;
}

.apex-theme .apex-rank-row-2 .rank-name,
.apex-theme .apex-rank-row-3 .rank-name {
    font-size: 1rem;
}

.apex-theme .guild-box {
    gap: 12px 14px;
    padding: 17px 16px;
}

.apex-theme .guild-box span {
    font-size: 0.98rem;
}

.apex-theme .apex-ranking-actions {
    margin-top: 18px;
}

.apex-theme .apex-ranking-link {
    min-height: 46px;
    padding: 0 19px;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}

.apex-theme .apex-login-heading p,
.apex-theme .apex-login-panel .eddga-alert,
.apex-theme .apex-login-panel .list-group-item {
    color: rgba(248, 238, 219, 0.76);
}

.apex-theme .apex-login-panel .eddga-alert {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    border-color: rgba(245, 215, 122, 0.10);
}

.apex-theme .apex-login-panel .form-login {
    color: #fff4dc;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(245, 215, 122, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.apex-theme .apex-login-panel .form-login::placeholder {
    color: rgba(255, 239, 211, 0.50);
}

.apex-theme .apex-news-section::before {
    opacity: 0.46;
}

.apex-theme .apex-news-section::after {
    background: linear-gradient(180deg, rgba(10, 9, 11, 0.17) 0%, rgba(18, 14, 15, 0.03) 14%, rgba(18, 14, 15, 0.12) 84%, rgba(10, 9, 11, 0.24) 100%);
}

.apex-theme .apex-command-section::after {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.14) 0%, rgba(10, 9, 11, 0.02) 14%, rgba(255, 248, 237, 0.015) 60%, rgba(10, 9, 11, 0.22) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.10), rgba(255, 255, 255, 0.00) 24%, rgba(0, 0, 0, 0.10));
}

.apex-theme .apex-footer::after {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.16) 0%, rgba(11, 11, 13, 0.07) 16%, rgba(11, 11, 13, 0.24) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.012), rgba(11, 11, 13, 0.00));
}

@media (max-width: 1199px) {
    .apex-theme .apex-nav-action {
        font-size: 0.78rem;
    }

    .apex-theme .apex-navbar .apex-nav-shell {
        gap: 12px;
    }

    .apex-theme .apex-status-rail-floating {
        width: 100%;
        border-radius: 26px;
    }
}

@media (max-width: 991px) {
    .apex-theme .apex-navbar .apex-nav-shell {
        min-height: 80px;
        gap: 10px;
    }

    .apex-theme .apex-login-panel {
        max-width: 440px;
        padding: 18px 16px 18px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card,
    .apex-theme .apex-status-server {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
        padding: 8px 12px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-icon,
    .apex-theme .apex-status-server .apex-status-icon {
        width: 28px;
        height: 28px;
        font-size: 0.88rem;
    }

    .apex-theme .apex-status-rail-floating .apex-status-value,
    .apex-theme .apex-status-server .apex-status-value,
    .apex-theme .apex-status-online .apex-status-value,
    .apex-theme .apex-status-account .apex-status-value,
    .apex-theme .apex-status-character .apex-status-value {
        font-size: 1.02rem;
    }

    .apex-theme .apex-homepage .apex-news-grid {
        gap: 16px;
    }

    .apex-theme .apex-homepage .apex-ranking-grid {
        gap: 18px;
    }

    .apex-theme .apex-footer-grid {
        gap: 16px;
    }

    .apex-theme .apex-footer-bottom {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .apex-theme .apex-navbar .apex-nav-label {
        font-size: 12.5px;
    }

    .apex-theme .apex-nav-action {
        min-width: 126px;
        font-size: 0.74rem;
    }

    .apex-theme .apex-navbar .menu ul {
        gap: 6px 5px;
    }

    .apex-theme .apex-navbar .apex-nav-item > a {
        min-width: 82px;
        min-height: 44px;
        padding: 7px 7px;
    }

    .apex-theme .apex-section-heading h2,
    .apex-theme .apex-footer .apex-section-heading h2,
    .apex-theme .apex-command-section .apex-section-heading h2,
    .apex-theme .apex-news-heading h2 {
        font-size: clamp(1.9rem, 7vw, 2.35rem);
    }

    .apex-theme .apex-news-copy .allnews-text-harder {
        font-size: 0.98rem;
    }

    .apex-theme .apex-news-copy .allnews-text {
        font-size: 0.86rem;
    }

    .apex-theme .apex-ranking-panel h3 {
        font-size: 1.46rem;
    }

    .apex-theme .apex-homepage .apex-ranking-panel {
        padding: 20px 18px 18px;
    }

    .apex-theme .apex-ranking-panel-copy {
        font-size: 0.93rem;
    }

    .apex-theme .apex-ranking-panel .table-rank {
        border-spacing: 0 8px;
    }

    .apex-theme .apex-rank-row .rank-number,
    .apex-theme .apex-rank-row .rank-name,
    .apex-theme .apex-rank-row .rank-point {
        min-height: 46px;
    }

    .apex-theme .apex-rank-row .rank-name {
        font-size: 0.98rem;
        padding: 0 13px;
    }

    .apex-theme .apex-rank-row .rank-point {
        font-size: 1.04rem;
        padding: 0 13px;
    }

    .apex-theme .apex-rank-row-1 .rank-number,
    .apex-theme .apex-rank-row-1 .rank-name,
    .apex-theme .apex-rank-row-1 .rank-point {
        min-height: 52px;
    }

    .apex-theme .apex-login-panel {
        max-width: none;
        padding: 18px 15px 18px;
    }

    .apex-theme .apex-homepage .apex-news-grid {
        gap: 12px;
    }

    .apex-theme .apex-homepage .apex-ranking-grid {
        gap: 14px;
    }

    .apex-theme .apex-footer-grid {
        gap: 14px;
    }

    .apex-theme .apex-footer-bottom {
        gap: 14px;
        margin-top: 22px;
        padding-top: 18px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card {
        grid-template-columns: 28px minmax(0, 1fr);
        padding: 8px 10px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-icon {
        width: 28px;
        height: 28px;
        font-size: 0.82rem;
    }

    .apex-theme .apex-status-rail-floating .apex-status-value {
        font-size: 1.02rem;
    }
}

/* APEX HOME NAVIGATION ORDER + STATUS RAIL PASS */
.apex-theme .apex-navbar {
    border-bottom: 0;
    box-shadow: 0 8px 24px rgba(10, 9, 11, 0.08);
}

.apex-theme .apex-navbar::after,
.apex-theme .apex-topbar::after,
.apex-theme .apex-nav-shell::after {
    display: none !important;
}

.apex-theme .apex-navbar .apex-nav-shell {
    position: relative;
    z-index: 4;
}

.apex-theme .apex-navbar .apex-nav-actions {
    flex: 0 0 auto;
}

.apex-theme .apex-navbar .apex-nav-label {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0.025em;
}

.apex-theme .apex-navbar .apex-nav-sub {
    font-size: 10px;
    line-height: 1.05;
    letter-spacing: 0.14em;
}

.apex-theme .apex-nav-action-ghost {
    min-width: 172px;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 15px;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.09em;
    color: #fff7e6;
    background:
        linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0)),
        linear-gradient(135deg, #7f1015, #d32122 58%, #8b0b10);
    border: 1px solid rgba(245, 215, 122, .55);
    box-shadow:
        0 12px 26px rgba(181, 18, 27, .28),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.apex-theme .apex-nav-action-ghost:hover {
    color: #fff;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0)),
        linear-gradient(135deg, #a41218, #ff3028 58%, #a50f15);
    border-color: rgba(245, 215, 122, .78);
    transform: translateY(-1px);
}

.apex-theme .apex-navbar .apex-nav-item-dropdown > a {
    padding-right: 30px !important;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu::before {
    display: none;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown .arrow {
    display: block !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    margin-top: 0 !important;
    transform: translateY(-35%) !important;
    border-left-width: 6px !important;
    border-right-width: 6px !important;
    border-top-width: 7px !important;
    border-top-color: #d6a83f !important;
    opacity: 1 !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.35));
}

.apex-theme .apex-navbar .apex-nav-item-dropdown:hover .arrow {
    border-top-color: #b5121b !important;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown .apex-nav-dropdown {
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    padding-top: 0;
    margin-top: 0;
    z-index: 1100;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin-top: 0;
    min-width: 236px;
    border-radius: 15px;
}

.apex-theme .apex-navbar .apex-nav-item-dropdown:hover .apex-nav-dropdown,
.apex-theme .apex-navbar .apex-nav-item-dropdown:focus-within .apex-nav-dropdown {
    display: block;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul {
    padding: 4px 0;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li::before,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li::after,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a::before,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a::after {
    background: none !important;
    content: none !important;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a {
    padding: 11px 18px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.15;
    transition: background 0.2s ease, color 0.2s ease;
}

.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:hover,
.apex-theme .apex-navbar .apex-nav-dropdown .mega-menu ul li a:focus {
    padding-left: 18px;
    padding-right: 18px;
}

.apex-theme .apex-hero {
    margin-top: -1px;
}

.apex-theme .apex-hero::before {
    background:
        linear-gradient(180deg, rgba(10, 9, 11, 0.08) 0%, rgba(10, 9, 11, 0.00) 10%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.04) 44%, rgba(255, 255, 255, 0.02) 100%),
        radial-gradient(circle at 24% 18%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.00) 40%);
}

.apex-theme .apex-status-rail-floating {
    width: min(920px, 100%);
    padding: 8px 11px;
    border-radius: 22px;
}

.apex-theme .apex-status-rail-floating .apex-status-summary-grid {
    grid-template-columns: 1.08fr 1fr 1fr 1fr;
}

.apex-theme .apex-status-rail-floating .apex-status-summary-card {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 11px;
    padding: 9px 15px;
    border-right: 1px solid rgba(245, 215, 122, 0.05);
}

.apex-theme .apex-status-rail-floating .apex-status-icon {
    width: 32px;
    height: 32px;
    font-size: 1.02rem;
    align-self: center;
}

.apex-theme .apex-status-copy {
    align-items: flex-start;
    gap: 1px;
}

.apex-theme .apex-status-rail-floating .apex-status-value {
    font-size: 1.14rem;
    font-weight: 800;
    line-height: 1;
}

.apex-theme .apex-status-rail-floating .apex-status-label {
    font-size: 0.55rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.14em;
    color: rgba(255, 239, 211, 0.50);
}

.apex-theme .apex-status-server {
    grid-template-columns: 32px minmax(0, 1fr);
}

.apex-theme .apex-status-server .apex-status-icon {
    width: 32px;
    height: 32px;
    font-size: 1.05rem;
}

.apex-theme .apex-status-server .apex-status-value {
    color: #d8ffdf;
    font-size: 1.18rem;
}

.apex-theme .apex-status-server .apex-status-label {
    color: rgba(211, 247, 218, 0.64);
}

.apex-theme .apex-status-online .apex-status-value,
.apex-theme .apex-status-account .apex-status-value,
.apex-theme .apex-status-character .apex-status-value {
    font-size: 1.12rem;
}

@media (max-width: 1199px) {
    .apex-theme .apex-nav-action-ghost {
        min-width: 164px;
    }

    .apex-theme .apex-navbar .apex-nav-item-dropdown .apex-nav-dropdown {
        top: calc(100% - 1px);
    }

    .apex-theme .apex-status-rail-floating {
        width: 100%;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .apex-theme .apex-nav-action-ghost {
        min-width: 148px;
        min-height: 44px;
        font-size: 0.76rem;
    }

    .apex-theme .apex-navbar .apex-nav-dropdown .mega-menu {
        min-width: 220px;
    }

    .apex-theme .apex-status-rail-floating {
        padding: 8px 10px;
        border-radius: 22px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-summary-card,
    .apex-theme .apex-status-server {
        grid-template-columns: 26px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 9px;
    }

    .apex-theme .apex-status-rail-floating .apex-status-icon,
    .apex-theme .apex-status-server .apex-status-icon {
        width: 26px;
        height: 26px;
        font-size: 0.82rem;
    }

    .apex-theme .apex-status-rail-floating .apex-status-value,
    .apex-theme .apex-status-server .apex-status-value,
    .apex-theme .apex-status-online .apex-status-value,
    .apex-theme .apex-status-account .apex-status-value,
    .apex-theme .apex-status-character .apex-status-value {
        font-size: 1.04rem;
    }
}

/* APEX DOWNLOAD PAGE CONSISTENCY PASS */
.apex-download-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-download-page #particles-js,
.apex-download-page .wrapper,
.apex-download-page .change {
    display: none;
}

.apex-download-page .main-menu {
    min-width: 1200px;
    background:
        linear-gradient(180deg, rgba(28, 21, 22, 0.94), rgba(14, 12, 14, 0.96)),
        linear-gradient(90deg, rgba(245, 215, 122, 0.10), rgba(245, 215, 122, 0.00) 26%, rgba(181, 18, 27, 0.08) 100%);
    border-bottom-color: rgba(200, 155, 60, 0.18);
    box-shadow: 0 12px 26px rgba(10, 9, 11, 0.24);
}

.apex-download-page .apex-nav-shell {
    min-height: 78px;
    gap: 16px;
}

.apex-download-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-download-page .apex-nav-action-ghost {
    min-width: 164px;
    min-height: 46px;
    padding: 0 22px;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}

.apex-download-page .apex-nav-dropdown .mega-menu {
    top: calc(100% + 4px);
    min-width: 228px;
    border-color: rgba(200, 155, 60, 0.22);
    box-shadow: 0 14px 28px rgba(10, 9, 11, 0.18);
}

.apex-download-page .header_table {
    width: 1200px;
    min-height: 480px;
    position: relative;
    top: 0;
    margin: 0 auto;
    background: transparent;
}

.apex-download-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
    background: none !important;
}

.apex-download-page .header_logo {
    display: none;
}

.apex-download-page .header_logo::before,
.apex-download-page .header_logo::after {
    display: none;
}

.apex-download-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-download-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-download-page .ui.tall.stacked.segments {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.apex-download-page .ui.segment {
    background: linear-gradient(180deg, rgba(18, 13, 14, 0.86), rgba(12, 10, 12, 0.90));
    border: 1px solid rgba(200, 155, 60, 0.22);
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(11, 11, 13, 0.18);
    color: rgba(244, 241, 232, 0.88);
    padding: 22px 24px;
}

.apex-download-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 16px;
}

.apex-download-page .ui.big.breadcrumb .section,
.apex-download-page .ui.big.breadcrumb .active.section,
.apex-download-page .ui.big.breadcrumb .divider,
.apex-download-page .date-right {
    color: rgba(244, 241, 232, 0.72);
}

.apex-download-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 8px 12px;
    background: linear-gradient(180deg, rgba(24, 19, 20, 0.92), rgba(12, 10, 12, 0.96));
    border: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 10px;
    box-shadow: none;
}

.apex-download-page .ui.big.breadcrumb .section,
.apex-download-page .ui.big.breadcrumb .active.section,
.apex-download-page .ui.big.breadcrumb .divider {
    background: transparent !important;
}

.apex-download-page .main-header {
    margin-bottom: 20px;
}

.apex-download-page .main-header span {
    display: block;
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: clamp(1.58rem, 2vw, 1.95rem);
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.14;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.apex-download-page .main-header p,
.apex-download-page .ui.message p,
.apex-download-page .ui.message,
.apex-download-page .date-right {
    color: rgba(244, 241, 232, 0.72);
    font-size: 1.03rem;
    line-height: 1.68;
}

.apex-download-page .date-right {
    font-size: 0.98rem;
}

.apex-download-page .ui.table {
    background: rgba(10, 9, 11, 0.18);
    border: 1px solid rgba(200, 155, 60, 0.16);
    border-radius: 18px;
    overflow: hidden;
}

.apex-download-page .ui.basic.table thead th {
    background: rgba(245, 215, 122, 0.08);
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 15px 14px;
}

.apex-download-page .ui.table tbody tr td {
    color: rgba(244, 241, 232, 0.82);
    border-top: 1px solid rgba(245, 215, 122, 0.08);
    padding: 15px 14px;
    line-height: 1.55;
}

.apex-download-page .ui.table tbody tr:hover td {
    background: rgba(245, 215, 122, 0.05);
}

.apex-download-page .ui.circular.icon.positive.button {
    background: linear-gradient(135deg, rgba(181, 18, 27, 0.92), rgba(255, 42, 31, 0.88));
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 10px 24px rgba(181, 18, 27, 0.24);
    color: #fff;
}

.apex-download-page .ui.circular.icon.positive.button:hover,
.apex-download-page .ui.circular.icon.positive.button:focus {
    background: linear-gradient(135deg, rgba(196, 31, 39, 0.94), rgba(255, 68, 55, 0.90));
    color: #fff;
}

.apex-download-page .ui.attached.mini.negative.message,
.apex-download-page .ui.mini.attached.message {
    background: rgba(244, 241, 232, 0.08);
    border: 1px solid rgba(245, 215, 122, 0.12);
    color: rgba(244, 241, 232, 0.78);
    box-shadow: none;
}

.apex-download-page .ui.mini.attached.message .header {
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.apex-download-page .ui.tag.label {
    background: rgba(244, 241, 232, 0.08);
    border: 1px solid rgba(245, 215, 122, 0.14);
    color: rgba(244, 241, 232, 0.82);
    margin: 0 10px 10px 0;
    padding: 0.72em 1em;
    font-size: 0.94rem;
    line-height: 1.3;
}

.apex-download-page .alice_box {
    margin-top: 24px;
}

.apex-download-page .page_footer {
    min-width: 1200px;
    padding-top: 0;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-download-page .page_main_footer {
    min-width: 1200px;
    margin-top: 0;
    position: relative;
    background:
        linear-gradient(180deg, rgba(22, 16, 17, 0.94), rgba(9, 8, 10, 0.98)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.08), rgba(245, 215, 122, 0.00) 30%),
        var(--apex-bg-footer) center center/cover no-repeat;
    border-top: 1px solid rgba(245, 215, 122, 0.12);
}

.apex-download-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-download-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX SERVER INFO PAGE */
.apex-server-info-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-server-info-page #particles-js,
.apex-server-info-page .wrapper,
.apex-server-info-page .change {
    display: none;
}

.apex-server-info-page .main-menu {
    min-width: 1200px;
    background:
        linear-gradient(180deg, rgba(28, 21, 22, 0.94), rgba(14, 12, 14, 0.96)),
        linear-gradient(90deg, rgba(245, 215, 122, 0.10), rgba(245, 215, 122, 0.00) 26%, rgba(181, 18, 27, 0.08) 100%);
    border-bottom-color: rgba(200, 155, 60, 0.18);
    box-shadow: 0 12px 26px rgba(10, 9, 11, 0.24);
}

.apex-server-info-page .apex-nav-shell {
    min-height: 78px;
    gap: 16px;
}

.apex-server-info-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-server-info-page .apex-nav-action-ghost {
    min-width: 164px;
    min-height: 46px;
    padding: 0 22px;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}

.apex-server-info-page .apex-nav-dropdown .mega-menu {
    top: calc(100% + 4px);
    min-width: 228px;
    border-color: rgba(200, 155, 60, 0.22);
    box-shadow: 0 14px 28px rgba(10, 9, 11, 0.18);
}

.apex-server-info-page .header_table {
    width: 1200px;
    min-height: 480px;
    position: relative;
    top: 0;
    margin: 0 auto;
    background: transparent;
}

.apex-server-info-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
    background: none !important;
}

.apex-server-info-page .header_logo {
    display: none;
}

.apex-server-info-page .header_logo::before,
.apex-server-info-page .header_logo::after {
    display: none;
}

.apex-server-info-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-server-info-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-server-info-page .ui.tall.stacked.segments {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.apex-server-info-page .ui.segment {
    background: linear-gradient(180deg, rgba(18, 13, 14, 0.86), rgba(12, 10, 12, 0.90));
    border: 1px solid rgba(200, 155, 60, 0.22);
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(11, 11, 13, 0.18);
    color: rgba(244, 241, 232, 0.88);
    padding: 22px 24px;
}

.apex-server-info-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 16px;
}

.apex-server-info-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 8px 12px;
    background: linear-gradient(180deg, rgba(24, 19, 20, 0.92), rgba(12, 10, 12, 0.96));
    border: 1px solid rgba(200, 155, 60, 0.18);
    border-radius: 10px;
    box-shadow: none;
}

.apex-server-info-page .ui.big.breadcrumb .section,
.apex-server-info-page .ui.big.breadcrumb .active.section,
.apex-server-info-page .ui.big.breadcrumb .divider,
.apex-server-info-page .date-right {
    color: rgba(244, 241, 232, 0.72);
    background: transparent !important;
}

.apex-server-info-page .main-header {
    margin-bottom: 20px;
}

.apex-server-info-page .main-header span {
    display: block;
    color: var(--apex-divine-white);
    font-family: var(--apex-heading-font);
    font-size: clamp(1.58rem, 2vw, 1.95rem);
    font-weight: 700;
    letter-spacing: 0.07em;
    line-height: 1.14;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.apex-server-info-page .main-header p,
.apex-server-info-page .date-right {
    color: rgba(244, 241, 232, 0.72);
    font-size: 1rem;
    line-height: 1.68;
}

.apex-server-info-page .box-sv {
    background: rgba(10, 9, 11, 0.18);
    border: 1px solid rgba(200, 155, 60, 0.16);
    border-radius: 18px;
    box-shadow: none;
    margin-bottom: 18px;
}

.apex-server-info-page .box-green {
    border-color: rgba(200, 155, 60, 0.16);
}

.apex-server-info-page .box-sv-body {
    padding: 14px 16px 16px;
}

.apex-server-info-page .box-text-haeder {
    color: var(--apex-divine-white);
    letter-spacing: 0.08em;
}

.apex-server-info-page .box-text-haeder small {
    color: rgba(244, 241, 232, 0.58);
}

.apex-server-info-page .line-box {
    border-top-color: rgba(245, 215, 122, 0.12);
}

.apex-server-info-page .list-haeder {
    color: var(--apex-bright-gold);
    letter-spacing: 0.08em;
}

.apex-server-info-page .list-text,
.apex-server-info-page .list-text2 {
    color: rgba(244, 241, 232, 0.82);
}

.apex-server-info-page .font-org,
.apex-server-info-page .font-org2 {
    color: var(--apex-bright-gold);
}

.apex-server-info-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-server-info-page .page_footer {
    min-width: 1200px;
    padding-top: 0;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-server-info-page .page_main_footer {
    min-width: 1200px;
    margin-top: 0;
    position: relative;
    background:
        linear-gradient(180deg, rgba(22, 16, 17, 0.94), rgba(9, 8, 10, 0.98)),
        radial-gradient(circle at top center, rgba(245, 215, 122, 0.08), rgba(245, 215, 122, 0.00) 30%),
        var(--apex-bg-footer) center center/cover no-repeat;
    border-top: 1px solid rgba(245, 215, 122, 0.12);
}

.apex-server-info-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-server-info-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX REFINE RATE PAGE */
.apex-refine-rate-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-refine-rate-page #particles-js,
.apex-refine-rate-page .wrapper,
.apex-refine-rate-page .change {
    display: none;
}

.apex-refine-rate-page .main-menu {
    min-width: 1200px;
    background: linear-gradient(180deg, rgba(24, 18, 20, 0.97), rgba(16, 12, 15, 0.96));
    border-bottom: 1px solid rgba(205, 168, 93, 0.22);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.apex-refine-rate-page .apex-nav-shell {
    min-height: 88px;
    align-items: center;
}

.apex-refine-rate-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-refine-rate-page .apex-nav-action-ghost {
    min-width: 168px;
}

.apex-refine-rate-page .apex-nav-dropdown .mega-menu {
    background: rgba(18, 14, 17, 0.98);
    border: 1px solid rgba(209, 170, 90, 0.24);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.apex-refine-rate-page .header_table {
    width: 1200px;
    min-width: 1200px;
    min-height: 480px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background: transparent;
}

.apex-refine-rate-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.apex-refine-rate-page .header_logo {
    display: none;
}

.apex-refine-rate-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-refine-rate-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-refine-rate-page .ui.tall.stacked.segments {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.apex-refine-rate-page .ui.segment {
    background: linear-gradient(180deg, rgba(28, 23, 26, 0.95), rgba(22, 18, 22, 0.94));
    border: 1px solid rgba(196, 160, 88, 0.22);
    color: #efe3d2;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
}

.apex-refine-rate-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 18px;
}

.apex-refine-rate-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(30, 24, 27, 0.88);
    border: 1px solid rgba(195, 159, 90, 0.2);
    border-radius: 14px;
}

.apex-refine-rate-page .ui.big.breadcrumb .section,
.apex-refine-rate-page .ui.big.breadcrumb .active.section,
.apex-refine-rate-page .ui.big.breadcrumb .divider,
.apex-refine-rate-page .date-right {
    color: rgba(239, 227, 210, 0.8);
    background: transparent !important;
}

.apex-refine-rate-page .main-header {
    text-align: center;
    margin-bottom: 20px;
}

.apex-refine-rate-page .main-header span {
    display: block;
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f7ecd7;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.apex-refine-rate-page .main-header p,
.apex-refine-rate-page .date-right {
    color: rgba(239, 227, 210, 0.76);
    font-size: 0.96rem;
    line-height: 1.65;
}

.apex-refine-rate-page h4,
.apex-refine-rate-page h3,
.apex-refine-rate-page p,
.apex-refine-rate-page li,
.apex-refine-rate-page div,
.apex-refine-rate-page span {
    color: #efe3d2;
}

.apex-refine-rate-page [style*="color: #000000"],
.apex-refine-rate-page [style*="color:#000000"] {
    color: #efe3d2 !important;
}

.apex-refine-rate-page [style*="color: #236fa1"],
.apex-refine-rate-page [style*="color:#236fa1"] {
    color: #d8b36d !important;
}

.apex-refine-rate-page [style*="color: #169179"],
.apex-refine-rate-page [style*="color:#169179"] {
    color: #e7c37d !important;
}

.apex-refine-rate-page .pm-table-container {
    margin: 12px 0;
}

.apex-refine-rate-page .pm-table-wrapper {
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(196, 160, 88, 0.22);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.apex-refine-rate-page .pm-table-wrapper table {
    background: rgba(20, 17, 21, 0.94);
    color: #efe3d2;
}

.apex-refine-rate-page .pm-table-wrapper th,
.apex-refine-rate-page .pm-table-wrapper td {
    border-color: rgba(196, 160, 88, 0.18) !important;
    color: #efe3d2 !important;
}

.apex-refine-rate-page [style*="background-color: #ecf0f1"],
.apex-refine-rate-page [style*="background-color:#ecf0f1"] {
    background-color: rgba(70, 58, 45, 0.92) !important;
}

.apex-refine-rate-page [style*="background-color: #bfedd2"],
.apex-refine-rate-page [style*="background-color:#bfedd2"] {
    background-color: rgba(72, 103, 77, 0.9) !important;
}

.apex-refine-rate-page [style*="background-color: #fbeeb8"],
.apex-refine-rate-page [style*="background-color:#fbeeb8"] {
    background-color: rgba(124, 102, 53, 0.88) !important;
}

.apex-refine-rate-page [style*="background-color: #f8cac6"],
.apex-refine-rate-page [style*="background-color:#f8cac6"] {
    background-color: rgba(120, 64, 59, 0.9) !important;
}

.apex-refine-rate-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-refine-rate-page .page_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-refine-rate-page .page_main_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(24, 19, 21, 0.92), rgba(18, 15, 17, 0.96)),
        var(--apex-bg-footer) center center / cover no-repeat;
    border-top: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-refine-rate-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-refine-rate-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX REFINE OPTION PAGE */
.apex-refine-option-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-refine-option-page #particles-js,
.apex-refine-option-page .wrapper,
.apex-refine-option-page .change {
    display: none;
}

.apex-refine-option-page .main-menu {
    min-width: 1200px;
    background: linear-gradient(180deg, rgba(24, 18, 20, 0.97), rgba(16, 12, 15, 0.96));
    border-bottom: 1px solid rgba(205, 168, 93, 0.22);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.apex-refine-option-page .apex-nav-shell {
    min-height: 88px;
    align-items: center;
}

.apex-refine-option-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-refine-option-page .apex-nav-action-ghost {
    min-width: 168px;
}

.apex-refine-option-page .apex-nav-dropdown .mega-menu {
    background: rgba(18, 14, 17, 0.98);
    border: 1px solid rgba(209, 170, 90, 0.24);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.apex-refine-option-page .header_table {
    width: 1200px;
    min-width: 1200px;
    min-height: 480px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background: transparent;
}

.apex-refine-option-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.apex-refine-option-page .header_logo {
    display: none;
}

.apex-refine-option-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-refine-option-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-refine-option-page .ui.tall.stacked.segments {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.apex-refine-option-page .ui.segment {
    background: linear-gradient(180deg, rgba(28, 23, 26, 0.95), rgba(22, 18, 22, 0.94));
    border: 1px solid rgba(196, 160, 88, 0.22);
    color: #efe3d2;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
}

.apex-refine-option-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 18px;
}

.apex-refine-option-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(30, 24, 27, 0.88);
    border: 1px solid rgba(195, 159, 90, 0.2);
    border-radius: 14px;
}

.apex-refine-option-page .ui.big.breadcrumb .section,
.apex-refine-option-page .ui.big.breadcrumb .active.section,
.apex-refine-option-page .ui.big.breadcrumb .divider,
.apex-refine-option-page .date-right {
    color: rgba(239, 227, 210, 0.8);
    background: transparent !important;
}

.apex-refine-option-page .main-header {
    text-align: center;
    margin-bottom: 20px;
}

.apex-refine-option-page .main-header span {
    display: block;
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f7ecd7;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.apex-refine-option-page .main-header p,
.apex-refine-option-page .date-right {
    color: rgba(239, 227, 210, 0.76);
    font-size: 0.96rem;
    line-height: 1.65;
}

.apex-refine-option-page h4,
.apex-refine-option-page h3,
.apex-refine-option-page p,
.apex-refine-option-page li,
.apex-refine-option-page div,
.apex-refine-option-page span {
    color: #efe3d2;
}

.apex-refine-option-page [style*="color: #000000"],
.apex-refine-option-page [style*="color:#000000"] {
    color: #efe3d2 !important;
}

.apex-refine-option-page [style*="color: #236fa1"],
.apex-refine-option-page [style*="color:#236fa1"] {
    color: #d8b36d !important;
}

.apex-refine-option-page [style*="color: #169179"],
.apex-refine-option-page [style*="color:#169179"] {
    color: #e7c37d !important;
}

.apex-refine-option-page table {
    background: rgba(20, 17, 21, 0.94);
    color: #efe3d2;
}

.apex-refine-option-page th,
.apex-refine-option-page td {
    border-color: rgba(196, 160, 88, 0.18) !important;
    color: #efe3d2 !important;
}

.apex-refine-option-page [style*="background-color: #ecf0f1"],
.apex-refine-option-page [style*="background-color:#ecf0f1"] {
    background-color: rgba(70, 58, 45, 0.92) !important;
}

.apex-refine-option-page [style*="background-color: #bfedd2"],
.apex-refine-option-page [style*="background-color:#bfedd2"] {
    background-color: rgba(72, 103, 77, 0.9) !important;
}

.apex-refine-option-page [style*="background-color: #fbeeb8"],
.apex-refine-option-page [style*="background-color:#fbeeb8"] {
    background-color: rgba(124, 102, 53, 0.88) !important;
}

.apex-refine-option-page [style*="background-color: #f8cac6"],
.apex-refine-option-page [style*="background-color:#f8cac6"] {
    background-color: rgba(120, 64, 59, 0.9) !important;
}

.apex-refine-option-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-refine-option-page .page_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-refine-option-page .page_main_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(24, 19, 21, 0.92), rgba(18, 15, 17, 0.96)),
        var(--apex-bg-footer) center center / cover no-repeat;
    border-top: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-refine-option-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-refine-option-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX RANK STATUS PAGE */
.apex-rank-status-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-rank-status-page #particles-js,
.apex-rank-status-page .wrapper,
.apex-rank-status-page .change {
    display: none;
}

.apex-rank-status-page .main-menu {
    min-width: 1200px;
    background: linear-gradient(180deg, rgba(24, 18, 20, 0.97), rgba(16, 12, 15, 0.96));
    border-bottom: 1px solid rgba(205, 168, 93, 0.22);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.apex-rank-status-page .apex-nav-shell {
    min-height: 88px;
    align-items: center;
}

.apex-rank-status-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-rank-status-page .apex-nav-action-ghost {
    min-width: 168px;
}

.apex-rank-status-page .apex-nav-dropdown .mega-menu {
    background: rgba(18, 14, 17, 0.98);
    border: 1px solid rgba(209, 170, 90, 0.24);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.apex-rank-status-page .header_table {
    width: 1200px;
    min-width: 1200px;
    min-height: 480px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background: transparent;
}

.apex-rank-status-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.apex-rank-status-page .header_logo {
    display: none;
}

.apex-rank-status-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-rank-status-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-rank-status-page .ui.tall.stacked.segments {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.apex-rank-status-page .ui.segment {
    background: linear-gradient(180deg, rgba(28, 23, 26, 0.95), rgba(22, 18, 22, 0.94));
    border: 1px solid rgba(196, 160, 88, 0.22);
    color: #efe3d2;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
}

.apex-rank-status-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 18px;
}

.apex-rank-status-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(30, 24, 27, 0.88);
    border: 1px solid rgba(195, 159, 90, 0.2);
    border-radius: 14px;
}

.apex-rank-status-page .ui.big.breadcrumb .section,
.apex-rank-status-page .ui.big.breadcrumb .active.section,
.apex-rank-status-page .ui.big.breadcrumb .divider,
.apex-rank-status-page .date-right {
    color: rgba(239, 227, 210, 0.8);
    background: transparent !important;
}

.apex-rank-status-page .main-header {
    text-align: center;
    margin-bottom: 20px;
}

.apex-rank-status-page .main-header span {
    display: block;
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f7ecd7;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.apex-rank-status-page .main-header p,
.apex-rank-status-page .date-right,
.apex-rank-status-page .ui.message p,
.apex-rank-status-page .ui.message {
    color: rgba(239, 227, 210, 0.76);
    font-size: 0.96rem;
    line-height: 1.65;
}

.apex-rank-status-page h4,
.apex-rank-status-page h3,
.apex-rank-status-page p,
.apex-rank-status-page li,
.apex-rank-status-page div,
.apex-rank-status-page span {
    color: #efe3d2;
}

.apex-rank-status-page [style*="color: #000000"],
.apex-rank-status-page [style*="color:#000000"] {
    color: #efe3d2 !important;
}

.apex-rank-status-page [style*="color: #236fa1"],
.apex-rank-status-page [style*="color:#236fa1"] {
    color: #d8b36d !important;
}

.apex-rank-status-page .ui.table {
    background: rgba(20, 17, 21, 0.94);
    color: #efe3d2;
}

.apex-rank-status-page .ui.basic.table thead th,
.apex-rank-status-page .ui.table tbody tr td {
    border-color: rgba(196, 160, 88, 0.18) !important;
    color: #efe3d2 !important;
}

.apex-rank-status-page .ui.mini.attached.message {
    background: rgba(36, 30, 35, 0.92);
    border: 1px solid rgba(196, 160, 88, 0.2);
    color: #efe3d2;
}

.apex-rank-status-page .ui.mini.attached.message .header {
    color: #f7ecd7;
}

.apex-rank-status-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-rank-status-page .page_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-rank-status-page .page_main_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(24, 19, 21, 0.92), rgba(18, 15, 17, 0.96)),
        var(--apex-bg-footer) center center / cover no-repeat;
    border-top: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-rank-status-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-rank-status-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX BOSS TIME PAGE */
.apex-boss-time-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-boss-time-page #particles-js,
.apex-boss-time-page .wrapper,
.apex-boss-time-page .change {
    display: none;
}

.apex-boss-time-page .main-menu {
    min-width: 1200px;
    background: linear-gradient(180deg, rgba(24, 18, 20, 0.97), rgba(16, 12, 15, 0.96));
    border-bottom: 1px solid rgba(205, 168, 93, 0.22);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.apex-boss-time-page .apex-nav-shell {
    min-height: 88px;
    align-items: center;
}

.apex-boss-time-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-boss-time-page .apex-nav-action-ghost {
    min-width: 168px;
}

.apex-boss-time-page .apex-nav-dropdown .mega-menu {
    background: rgba(18, 14, 17, 0.98);
    border: 1px solid rgba(209, 170, 90, 0.24);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.apex-boss-time-page .header_table {
    width: 1200px;
    min-width: 1200px;
    min-height: 480px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background: transparent;
}

.apex-boss-time-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.apex-boss-time-page .header_logo {
    display: none;
}

.apex-boss-time-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-boss-time-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-boss-time-page .ui.tall.stacked.segments {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.apex-boss-time-page .ui.segment {
    background: linear-gradient(180deg, rgba(28, 23, 26, 0.95), rgba(22, 18, 22, 0.94));
    border: 1px solid rgba(196, 160, 88, 0.22);
    color: #efe3d2;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
}

.apex-boss-time-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 18px;
}

.apex-boss-time-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(30, 24, 27, 0.88);
    border: 1px solid rgba(195, 159, 90, 0.2);
    border-radius: 14px;
}

.apex-boss-time-page .ui.big.breadcrumb .section,
.apex-boss-time-page .ui.big.breadcrumb .active.section,
.apex-boss-time-page .ui.big.breadcrumb .divider,
.apex-boss-time-page .date-right {
    color: rgba(239, 227, 210, 0.8);
    background: transparent !important;
}

.apex-boss-time-page .main-header {
    text-align: center;
    margin-bottom: 20px;
}

.apex-boss-time-page .main-header span {
    display: block;
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f7ecd7;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.apex-boss-time-page .main-header p,
.apex-boss-time-page .date-right {
    color: rgba(239, 227, 210, 0.76);
    font-size: 0.96rem;
    line-height: 1.65;
}

.apex-boss-time-page .box-sv {
    background: rgba(10, 9, 11, 0.18);
    border: 1px solid rgba(200, 155, 60, 0.16);
    border-radius: 18px;
    box-shadow: none;
    margin-bottom: 18px;
}

.apex-boss-time-page .box-green {
    border-color: rgba(200, 155, 60, 0.16);
}

.apex-boss-time-page .box-sv-body {
    padding: 14px 16px 16px;
}

.apex-boss-time-page .box-text-haeder {
    color: var(--apex-divine-white);
    letter-spacing: 0.08em;
}

.apex-boss-time-page .box-text-haeder small {
    color: rgba(244, 241, 232, 0.58);
}

.apex-boss-time-page .line-box {
    border-top-color: rgba(245, 215, 122, 0.12);
}

.apex-boss-time-page p,
.apex-boss-time-page div,
.apex-boss-time-page span,
.apex-boss-time-page button {
    color: #efe3d2;
}

.apex-boss-time-page .btn.btn-default {
    background: rgba(34, 28, 32, 0.92);
    border: 1px solid rgba(196, 160, 88, 0.2);
    color: #efe3d2;
}

.apex-boss-time-page .btn.btn-default:hover,
.apex-boss-time-page .btn.btn-default:focus {
    background: rgba(52, 42, 47, 0.94);
    color: #f7ecd7;
}

.apex-boss-time-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-boss-time-page .page_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-boss-time-page .page_main_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(24, 19, 21, 0.92), rgba(18, 15, 17, 0.96)),
        var(--apex-bg-footer) center center / cover no-repeat;
    border-top: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-boss-time-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-boss-time-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}

/* APEX CREATE ACCOUNT PAGE */
.apex-create-account-page {
    background:
        linear-gradient(180deg, rgba(12, 10, 12, 0.52), rgba(12, 10, 12, 0.52)),
        var(--apex-bg-hero) center top / cover no-repeat fixed;
    width: auto !important;
    min-width: 0;
    overflow-x: auto;
    overflow-y: visible;
}

.apex-create-account-page #particles-js,
.apex-create-account-page .wrapper,
.apex-create-account-page .change {
    display: none;
}

.apex-create-account-page .main-menu {
    min-width: 1200px;
    background: linear-gradient(180deg, rgba(24, 18, 20, 0.97), rgba(16, 12, 15, 0.96));
    border-bottom: 1px solid rgba(205, 168, 93, 0.22);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.apex-create-account-page .apex-nav-shell {
    min-height: 88px;
    align-items: center;
}

.apex-create-account-page .apex-nav-menu {
    flex: 1 1 auto;
}

.apex-create-account-page .apex-nav-action-ghost {
    min-width: 168px;
}

.apex-create-account-page .apex-nav-dropdown .mega-menu {
    background: rgba(18, 14, 17, 0.98);
    border: 1px solid rgba(209, 170, 90, 0.24);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.32);
}

.apex-create-account-page .header_table {
    width: 1200px;
    min-width: 1200px;
    min-height: 480px;
    margin: 0 auto;
    position: relative;
    top: 0;
    background: transparent;
}

.apex-create-account-page .header_bg {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.apex-create-account-page .header_logo {
    display: none;
}

.apex-create-account-page .header_main {
    width: 1200px;
    margin: -420px auto 0;
    position: relative;
    top: 0;
    z-index: 2;
}

.apex-create-account-page .header_main > .container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
}

.apex-create-account-page .ui.tall.stacked.segments {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.apex-create-account-page .ui.segment {
    background: linear-gradient(180deg, rgba(28, 23, 26, 0.95), rgba(22, 18, 22, 0.94));
    border: 1px solid rgba(196, 160, 88, 0.22);
    color: #efe3d2;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.26);
}

.apex-create-account-page .ui.tall.stacked.segments > .ui.segment + .ui.segment {
    margin-top: 18px;
}

.apex-create-account-page .ui.big.breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(30, 24, 27, 0.88);
    border: 1px solid rgba(195, 159, 90, 0.2);
    border-radius: 14px;
}

.apex-create-account-page .ui.big.breadcrumb .section,
.apex-create-account-page .ui.big.breadcrumb .active.section,
.apex-create-account-page .ui.big.breadcrumb .divider,
.apex-create-account-page .date-right {
    color: rgba(239, 227, 210, 0.8);
    background: transparent !important;
}

.apex-create-account-page .main-header {
    text-align: center;
    margin-bottom: 20px;
}

.apex-create-account-page .main-header span {
    display: block;
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #f7ecd7;
    text-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.apex-create-account-page .main-header p,
.apex-create-account-page .date-right,
.apex-create-account-page .ui.info.message,
.apex-create-account-page .ui.info.message p,
.apex-create-account-page .ui.info.message li,
.apex-create-account-page label {
    color: rgba(239, 227, 210, 0.82);
    font-size: 0.96rem;
    line-height: 1.65;
}

.apex-create-account-page .ui.form .field > label {
    color: #f7ecd7;
    letter-spacing: 0.04em;
}

.apex-create-account-page .ui.form input:not([type="checkbox"]),
.apex-create-account-page .ui.form .ui.selection.dropdown {
    background: rgba(18, 15, 18, 0.92);
    border: 1px solid rgba(196, 160, 88, 0.18);
    color: #efe3d2;
}

.apex-create-account-page .ui.form input::placeholder {
    color: rgba(239, 227, 210, 0.48);
}

.apex-create-account-page .ui.selection.dropdown .menu {
    background: rgba(20, 16, 19, 0.98);
    border-color: rgba(196, 160, 88, 0.18);
}

.apex-create-account-page .ui.selection.dropdown .menu > .item {
    color: #efe3d2;
}

.apex-create-account-page .ui.selection.dropdown .menu > .item:hover {
    background: rgba(196, 160, 88, 0.12);
}

.apex-create-account-page .ui.info.message {
    background: rgba(24, 20, 23, 0.92) !important;
    border: 1px solid rgba(196, 160, 88, 0.16);
    box-shadow: none;
}

.apex-create-account-page .ui.checkbox label,
.apex-create-account-page .ui.checkbox + label {
    color: rgba(239, 227, 210, 0.82) !important;
}

.apex-create-account-page .ui.green.button {
    background: linear-gradient(180deg, #df3d34, #a91516);
    color: #fff7ec;
    box-shadow: 0 16px 32px rgba(130, 16, 17, 0.24);
}

.apex-create-account-page .ui.button {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-create-account-page .ui.tag.label {
    background: rgba(36, 30, 35, 0.92);
    color: #efe3d2;
    border: 1px solid rgba(196, 160, 88, 0.2);
}

.apex-create-account-page .page_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-top: 72px;
    height: auto;
    line-height: normal;
}

.apex-create-account-page .page_main_footer {
    width: 100vw;
    min-width: 1200px;
    position: relative;
    margin-top: 0;
    background:
        linear-gradient(180deg, rgba(24, 19, 21, 0.92), rgba(18, 15, 17, 0.96)),
        var(--apex-bg-footer) center center / cover no-repeat;
    border-top: 1px solid rgba(196, 160, 88, 0.16);
}

.apex-create-account-page .footer_container {
    width: 1180px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 20px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.apex-create-account-page .footer_container span {
    color: rgba(244, 241, 232, 0.72);
    font-size: 0.96rem;
    line-height: 1.7;
}