/* =========================================================
   ARM HOSTING Modern Public UI
   Keeps the existing EngineGP layout and functionality
   ========================================================= */

:root {
    --arm-bg: #0b0f16;
    --arm-bg-soft: #101722;
    --arm-surface: #151d29;
    --arm-surface-hover: #1b2635;
    --arm-border: rgba(148, 163, 184, 0.18);

    --arm-primary: #4ade80;
    --arm-primary-dark: #22c55e;
    --arm-primary-soft: rgba(74, 222, 128, 0.12);

    --arm-text: #f8fafc;
    --arm-muted: #94a3b8;

    --arm-danger: #fb7185;
    --arm-warning: #fbbf24;

    --arm-radius: 14px;
    --arm-radius-small: 10px;

    --arm-shadow:
        0 18px 45px rgba(0, 0, 0, 0.26),
        0 2px 8px rgba(0, 0, 0, 0.18);
}

/* ---------- GLOBAL ---------- */

html {
    min-width: 0 !important;
    background: var(--arm-bg) !important;
}

body {
    min-width: 0 !important;
    color: var(--arm-text) !important;
    background:
        radial-gradient(circle at 15% 0%, rgba(34, 197, 94, 0.08), transparent 28%),
        radial-gradient(circle at 90% 15%, rgba(59, 130, 246, 0.06), transparent 24%),
        var(--arm-bg) !important;

    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

a {
    transition:
        color 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease !important;
}

main,
header,
footer {
    width: 100% !important;
}

.wrapper {
    width: min(1380px, calc(100% - 40px)) !important;
}

/* ---------- REMOVE OLD INDUSTRIAL TEXTURES ---------- */

body > header,
header .block_left,
header .block_right,
main,
.hmenu,
.navigation,
.sidebar,
.content,
footer {
    background-image: none !important;
}

/* ---------- HEADER ---------- */

body > header {
    height: auto !important;
    min-height: 108px;
    padding: 22px 0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(16, 23, 34, 0.98),
            rgba(11, 15, 22, 0.96)
        ) !important;
    border-bottom: 1px solid var(--arm-border);
}

header .wrapper {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

header .block_left,
header .block_right {
    float: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* ---------- BRAND ---------- */

.arm-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: var(--arm-text) !important;
    text-decoration: none !important;
}

.arm-brand-mark {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;
    border: 1px solid rgba(74, 222, 128, 0.42);

    color: #07130b;
    background:
        linear-gradient(145deg, #86efac, #22c55e);

    font-size: 28px;
    font-weight: 900;
    line-height: 1;

    box-shadow:
        0 8px 24px rgba(34, 197, 94, 0.23),
        inset 0 1px rgba(255, 255, 255, 0.4);
}

.arm-brand-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.1;
}

.arm-brand-text strong {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: var(--arm-text);
}

.arm-brand-text small {
    margin-top: 6px;
    color: var(--arm-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

/* ---------- USER PANEL ---------- */

.arm-user-panel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;

    padding: 9px;
    border-radius: 16px;
    border: 1px solid var(--arm-border);
    background: rgba(21, 29, 41, 0.78) !important;
    box-shadow: var(--arm-shadow);
}

.arm-user-panel .button {
    min-height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 16px !important;

    color: var(--arm-text) !important;
    background: rgba(255, 255, 255, 0.045) !important;

    border: 1px solid var(--arm-border) !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.arm-user-panel .button:hover {
    color: #07130b !important;
    background: var(--arm-primary) !important;
    border-color: var(--arm-primary) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(34, 197, 94, 0.18);
}

/* ---------- TOP MENU ---------- */

.arm-top-menu {
    border-top: 1px solid var(--arm-border) !important;
    border-bottom: 1px solid var(--arm-border) !important;

    background: rgba(16, 23, 34, 0.96) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16);
}

.arm-top-menu ul {
    width: min(1380px, calc(100% - 40px)) !important;
    margin: 0 auto !important;

    display: flex !important;
    align-items: stretch;
    flex-wrap: wrap;
}

.arm-top-menu ul li {
    float: none !important;
    border: 0 !important;
    background: transparent !important;
}

.arm-top-menu ul li a {
    min-height: 58px;
    display: flex !important;
    align-items: center;

    padding: 0 22px !important;

    color: #cbd5e1 !important;
    background: transparent !important;

    border: 0 !important;
    border-bottom: 2px solid transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

.arm-top-menu ul li a:hover {
    color: var(--arm-text) !important;
    background: var(--arm-primary-soft) !important;
    border-bottom-color: var(--arm-primary) !important;
}

/* ---------- BREADCRUMBS ---------- */

.navigation {
    width: min(1380px, calc(100% - 40px)) !important;
    margin: 22px auto 0 !important;
    padding: 0 !important;

    color: var(--arm-muted) !important;
    background: transparent !important;
    border: 0 !important;
}

/* ---------- MAIN WRAPPER ---------- */

main > .wrapper {
    display: flex;
    align-items: flex-start;
    gap: 22px;

    margin-top: 14px !important;
    padding-bottom: 40px;
}

main > .wrapper::after {
    content: "";
    display: block;
    clear: both;
}

/* ---------- SIDEBAR ---------- */

.arm-sidebar {
    float: none !important;
    flex: 0 0 260px;
    width: 260px !important;
    overflow: visible !important;
}

.arm-sidebar .block-menu {
    margin-bottom: 18px !important;
    overflow: hidden;

    border: 1px solid var(--arm-border) !important;
    border-radius: var(--arm-radius) !important;

    background:
        linear-gradient(
            180deg,
            rgba(21, 29, 41, 0.96),
            rgba(16, 23, 34, 0.96)
        ) !important;

    box-shadow: var(--arm-shadow);
}

.arm-sidebar .menu-title {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 17px !important;

    color: var(--arm-text) !important;
    background: transparent !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.arm-sidebar .menu-title i {
    color: var(--arm-primary);
}

.arm-sidebar .hr {
    height: 1px !important;
    margin: 0 !important;
    background: var(--arm-border) !important;
    border: 0 !important;
}

.arm-sidebar .block-menu ul {
    padding: 9px !important;
}

.arm-sidebar .block-menu ul li {
    display: block;
    border: 0 !important;
}

.arm-sidebar .block-menu ul li a {
    min-height: 43px;
    display: flex !important;
    align-items: center;
    gap: 11px;

    padding: 0 12px !important;
    margin: 2px 0 !important;

    color: #cbd5e1 !important;
    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}

.arm-sidebar .block-menu ul li a i {
    width: 18px;
    color: var(--arm-muted);
    text-align: center;
}

.arm-sidebar .block-menu ul li a:hover {
    color: var(--arm-text) !important;
    background: var(--arm-primary-soft) !important;
    border-color: rgba(74, 222, 128, 0.18) !important;
    transform: translateX(2px);
}

.arm-sidebar .block-menu ul li a:hover i {
    color: var(--arm-primary);
}

.arm-sidebar .online__users {
    margin: 0 !important;
    padding: 15px 17px 18px !important;

    color: var(--arm-muted) !important;
    line-height: 1.9;
    text-align: left !important;
}

.arm-sidebar .online__users b {
    color: var(--arm-text);
}

/* Hide completely empty sidebar blocks */
.arm-sidebar .block-menu:has(.menu-title:empty) {
    display: none;
}

/* ---------- CONTENT ---------- */

.arm-content {
    float: none !important;
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;

    padding: 0 !important;
    overflow: visible !important;
}

.arm-content > div,
.arm-content .block,
.arm-content .page {
    border-color: var(--arm-border) !important;
}

/* ---------- GENERIC BLOCKS ---------- */

.central_block,
.page,
.block,
.news,
.server_list,
.service-list {
    border-radius: var(--arm-radius) !important;
}

h1,
.heading,
.title,
.block-title {
    color: var(--arm-text) !important;
    text-shadow: none !important;
}

/* ---------- BUTTONS ---------- */

.button,
.btn,
button,
input[type="submit"],
input[type="button"] {
    border-radius: 10px !important;
    text-shadow: none !important;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease !important;
}

/* ---------- FORMS ---------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
select,
textarea {
    color: var(--arm-text) !important;
    background: var(--arm-bg-soft) !important;

    border: 1px solid var(--arm-border) !important;
    border-radius: 10px !important;

    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(74, 222, 128, 0.62) !important;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.10) !important;
}

/* ---------- FOOTER ---------- */

footer {
    border-top: 1px solid var(--arm-border) !important;
    color: var(--arm-muted) !important;
    background:
        linear-gradient(
            180deg,
            rgba(16, 23, 34, 0.96),
            rgba(11, 15, 22, 1)
        ) !important;
}

footer a {
    color: #cbd5e1 !important;
}

footer a:hover {
    color: var(--arm-primary) !important;
}

/* ---------- RESPONSIVE ---------- */

@media (max-width: 1100px) {
    header .wrapper {
        flex-wrap: wrap;
    }

    .arm-user-panel {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    main > .wrapper {
        flex-direction: column;
    }

    .arm-sidebar {
        display: block !important;
        width: 100% !important;
        flex-basis: auto;
    }

    .arm-content {
        width: 100% !important;
    }

    .arm-top-menu ul {
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .arm-top-menu ul li a {
        white-space: nowrap;
    }
}

@media (max-width: 700px) {
    .wrapper,
    .navigation,
    .arm-top-menu ul {
        width: min(100% - 22px, 1380px) !important;
    }

    body > header {
        padding: 15px 0 !important;
    }

    .arm-brand-mark {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    .arm-brand-text strong {
        font-size: 21px;
    }

    .arm-user-panel .button {
        flex: 1 1 auto;
    }

    .arm-top-menu ul li a {
        min-height: 52px;
        padding: 0 15px !important;
    }
}

/* =========================================================
   ARM HOSTING Phase 1.2
   Content area, game cards, old hazard style cleanup
   ========================================================= */

/* ---------- REMOVE OLD YELLOW / HAZARD STYLE ---------- */

main,
main > .wrapper,
.navigation,
.arm-content,
.arm-sidebar,
.hmenu,
footer,
.service-list,
.services,
.games,
.maps,
.block,
.page {
    border-image: none !important;
    outline: none !important;
}

main::before,
main::after,
main > .wrapper::before,
main > .wrapper::after,
.arm-content::before,
.arm-content::after {
    background-image: none !important;
    border-image: none !important;
}

/* Remove yellow borders from most old blocks */
main * {
    border-image: none !important;
}

/* ---------- MAIN PAGE BACKGROUND ---------- */

main {
    min-height: 700px;
    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(34, 197, 94, 0.045),
            transparent 28%
        ),
        var(--arm-bg) !important;
}

.navigation {
    color: var(--arm-muted) !important;
}

.navigation a {
    color: #cbd5e1 !important;
}

.navigation a:hover {
    color: var(--arm-primary) !important;
}

/* ---------- CONTENT PANEL ---------- */

.arm-content {
    padding: 18px !important;

    border: 1px solid var(--arm-border) !important;
    border-radius: 16px !important;

    color: var(--arm-text) !important;

    background:
        linear-gradient(
            180deg,
            rgba(21, 29, 41, 0.98),
            rgba(12, 18, 27, 0.98)
        ) !important;

    box-shadow: var(--arm-shadow);
}

/* Old white backgrounds */
.arm-content,
.arm-content > div,
.arm-content .page,
.arm-content .block,
.arm-content .central_block,
.arm-content .service-list,
.arm-content .server_list,
.arm-content table,
.arm-content tbody,
.arm-content tr,
.arm-content td {
    background-color: transparent !important;
}

/* ---------- SECTION HEADERS ---------- */

.arm-content h1,
.arm-content .heading,
.arm-content .title,
.arm-content .block-title,
.arm-content .service-title,
.arm-content .news-title {
    min-height: 46px;

    display: flex !important;
    align-items: center;

    margin: 0 0 18px !important;
    padding: 0 17px !important;

    color: var(--arm-text) !important;

    background:
        linear-gradient(
            90deg,
            rgba(74, 222, 128, 0.11),
            rgba(255, 255, 255, 0.02)
        ) !important;

    border: 1px solid rgba(74, 222, 128, 0.16) !important;
    border-radius: 11px !important;

    font-size: 14px !important;
    font-weight: 750 !important;

    text-shadow: none !important;
}

/* Current dark-purple section bars */
.arm-content div[style*="background"],
.arm-content .heading-style-1,
.arm-content .heading-style-2 {
    border-radius: 11px !important;
}

/* ---------- GAME / SERVICE CARDS ---------- */

.arm-content .service-list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 18px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

.arm-content .service-list > div,
.arm-content .service,
.arm-content .service-block,
.arm-content .game,
.arm-content .game-block,
.arm-content .games > div {
    position: relative;

    overflow: hidden;

    border: 1px solid var(--arm-border) !important;
    border-radius: 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(27, 38, 53, 0.98),
            rgba(16, 23, 34, 0.98)
        ) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.22);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

.arm-content .service-list > div:hover,
.arm-content .service:hover,
.arm-content .service-block:hover,
.arm-content .game:hover,
.arm-content .game-block:hover,
.arm-content .games > div:hover {
    transform: translateY(-4px);

    border-color: rgba(74, 222, 128, 0.45) !important;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.30),
        0 0 0 1px rgba(74, 222, 128, 0.06);
}

/* Game images */
.arm-content .service-list img,
.arm-content .service img,
.arm-content .game img,
.arm-content .games img {
    width: 100% !important;
    object-fit: cover;

    border: 0 !important;
    border-radius: 13px 13px 0 0 !important;

    filter:
        saturate(0.88)
        contrast(1.04);

    transition:
        transform 260ms ease,
        filter 260ms ease !important;
}

.arm-content .service-list > div:hover img,
.arm-content .service:hover img,
.arm-content .game:hover img,
.arm-content .games > div:hover img {
    transform: scale(1.035);
    filter:
        saturate(1)
        contrast(1.07);
}

/* Remove yellow game image borders */
.arm-content img {
    border-color: var(--arm-border) !important;
    border-image: none !important;
}

/* ---------- ORDER / BASKET BUTTONS ---------- */

.arm-content .fa-shopping-basket,
.arm-content .fa-shopping-cart {
    color: #06100a !important;
}

.arm-content a[class*="buy"],
.arm-content a[class*="order"],
.arm-content .service-list a,
.arm-content .services a {
    text-decoration: none !important;
}

.arm-content .service-list .button,
.arm-content .service-list .btn,
.arm-content .service-list a[class*="button"],
.arm-content .services .button,
.arm-content .services .btn {
    min-height: 42px;

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

    padding: 0 18px !important;

    color: #06100a !important;

    background:
        linear-gradient(
            135deg,
            #86efac,
            #22c55e
        ) !important;

    border: 0 !important;
    border-radius: 10px !important;

    box-shadow:
        0 8px 22px rgba(34, 197, 94, 0.20);

    font-weight: 800 !important;
    text-shadow: none !important;
}

.arm-content .service-list .button:hover,
.arm-content .service-list .btn:hover,
.arm-content .service-list a[class*="button"]:hover,
.arm-content .services .button:hover,
.arm-content .services .btn:hover {
    transform: translateY(-2px);

    background:
        linear-gradient(
            135deg,
            #bbf7d0,
            #4ade80
        ) !important;

    box-shadow:
        0 12px 28px rgba(34, 197, 94, 0.27);
}

/* Legacy round basket buttons */
.arm-content .circle,
.arm-content .round,
.arm-content [class*="circle"],
.arm-content [class*="round"] {
    border-color: var(--arm-border) !important;
    background: var(--arm-surface) !important;
}

/* ---------- TEXT ---------- */

.arm-content p,
.arm-content span,
.arm-content li,
.arm-content td,
.arm-content label {
    color: #cbd5e1;
}

.arm-content strong,
.arm-content b {
    color: var(--arm-text);
}

/* ---------- TABLES ---------- */

.arm-content table {
    width: 100%;

    overflow: hidden;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    border: 1px solid var(--arm-border) !important;
    border-radius: 12px !important;
}

.arm-content th {
    padding: 13px 15px !important;

    color: var(--arm-muted) !important;
    background: rgba(255, 255, 255, 0.035) !important;

    border-bottom: 1px solid var(--arm-border) !important;

    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.45px;
}

.arm-content td {
    padding: 13px 15px !important;

    border-bottom: 1px solid rgba(148, 163, 184, 0.10) !important;
}

.arm-content tr:hover td {
    background: rgba(74, 222, 128, 0.035) !important;
}

/* ---------- SCROLLBAR ---------- */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--arm-bg);
}

::-webkit-scrollbar-thumb {
    background: #334155;
    border: 2px solid var(--arm-bg);
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* ---------- RESPONSIVE CONTENT ---------- */

@media (max-width: 1100px) {
    .arm-content {
        padding: 14px !important;
    }
}

@media (max-width: 700px) {
    .arm-content {
        padding: 11px !important;
        border-radius: 12px !important;
    }

    .arm-content .service-list {
        gap: 12px;
    }
}

/* =========================================================
   ARM HOSTING — New semantic header
   ========================================================= */

.arm-site-header {
    position: relative;
    z-index: 20;

    width: 100%;
    min-height: 104px;
    padding: 20px 0;

    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(74, 222, 128, 0.09),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #101722 0%,
            #0b111a 100%
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.16) !important;
}

.arm-header-inner {
    min-height: 64px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.arm-header-brand {
    flex: 0 0 auto;
}

.arm-header-account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;

    min-height: 58px;
    padding: 8px;

    background: rgba(17, 25, 37, 0.76);
    border: 1px solid rgba(148, 163, 184, 0.17);
    border-radius: 16px;

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.22),
        inset 0 1px rgba(255, 255, 255, 0.025);

    backdrop-filter: blur(12px);
}

.arm-account-button,
.arm-account-balance {
    min-height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 0 15px;

    color: #dbe5f1 !important;
    background: rgba(255, 255, 255, 0.045);

    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 10px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    text-shadow: none !important;

    white-space: nowrap;
}

.arm-account-button i {
    color: #94a3b8;
    font-size: 13px;
}

.arm-account-button:hover {
    color: #ffffff !important;
    background: rgba(74, 222, 128, 0.10);
    border-color: rgba(74, 222, 128, 0.32);

    transform: translateY(-1px);
}

.arm-account-button:hover i {
    color: #4ade80;
}

.arm-account-primary {
    color: #06100a !important;

    background:
        linear-gradient(
            135deg,
            #86efac,
            #22c55e
        ) !important;

    border-color: transparent !important;

    box-shadow: 0 9px 24px rgba(34, 197, 94, 0.19);
}

.arm-account-primary i {
    color: #06100a;
}

.arm-account-primary:hover {
    color: #06100a !important;
    background:
        linear-gradient(
            135deg,
            #bbf7d0,
            #4ade80
        ) !important;
}

.arm-account-balance {
    min-width: 176px;
    flex-direction: column;
    gap: 2px;

    padding: 6px 18px;
}

.arm-balance-label {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.arm-account-balance strong {
    max-width: 205px;
    overflow: hidden;

    color: #f8fafc;
    font-size: 13px;
    text-overflow: ellipsis;
}

.arm-account-logout:hover {
    color: #fecdd3 !important;
    background: rgba(251, 113, 133, 0.10);
    border-color: rgba(251, 113, 133, 0.30);
}

.arm-account-logout:hover i {
    color: #fb7185;
}

@media (max-width: 850px) {
    .arm-header-inner {
        flex-wrap: wrap;
    }

    .arm-header-account {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 540px) {
    .arm-site-header {
        padding: 14px 0;
    }

    .arm-header-account {
        display: grid;
        grid-template-columns: 1fr;
    }

    .arm-account-button,
    .arm-account-balance {
        width: 100%;
    }
}

/* ==========================================================
   ARM HOSTING — GAMING PREMIUM THEME
   Version 2.0
   ========================================================== */

:root {
    --arm-bg: #06080d;
    --arm-bg-soft: #0b1018;

    --arm-surface: #101722;
    --arm-surface-2: #151f2d;
    --arm-surface-3: #1a2636;

    --arm-border: rgba(120, 145, 175, 0.18);
    --arm-border-light: rgba(120, 145, 175, 0.30);

    --arm-primary: #43f06b;
    --arm-primary-2: #15c94c;
    --arm-primary-dark: #0a8f35;
    --arm-primary-soft: rgba(67, 240, 107, 0.10);

    --arm-blue: #3b82f6;
    --arm-orange: #f59e0b;
    --arm-purple: #a855f7;
    --arm-red: #ef4444;

    --arm-text: #f8fafc;
    --arm-text-soft: #d7e0eb;
    --arm-muted: #8492a6;

    --arm-radius: 14px;
    --arm-radius-small: 10px;

    --arm-shadow:
        0 18px 45px rgba(0, 0, 0, 0.38),
        0 3px 12px rgba(0, 0, 0, 0.28);

    --arm-green-glow:
        0 0 0 1px rgba(67, 240, 107, 0.15),
        0 0 30px rgba(67, 240, 107, 0.08);
}

/* ==========================================================
   GLOBAL
   ========================================================== */

html {
    background: var(--arm-bg) !important;
}

body {
    color: var(--arm-text-soft) !important;

    background:
        linear-gradient(
            rgba(6, 8, 13, 0.91),
            rgba(6, 8, 13, 0.97)
        ),
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.012) 0,
            rgba(255, 255, 255, 0.012) 1px,
            transparent 1px,
            transparent 14px
        ),
        radial-gradient(
            circle at 12% 5%,
            rgba(67, 240, 107, 0.09),
            transparent 26%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(59, 130, 246, 0.07),
            transparent 25%
        ),
        var(--arm-bg) !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(67, 240, 107, 0.018) 50%,
            transparent 100%
        );
}

::selection {
    color: #041008;
    background: var(--arm-primary);
}

/* ==========================================================
   HEADER
   ========================================================== */

.arm-site-header {
    min-height: 112px !important;
    padding: 23px 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(13, 19, 29, 0.98),
            rgba(6, 9, 15, 0.98)
        ) !important;

    border-bottom:
        1px solid rgba(67, 240, 107, 0.22) !important;

    box-shadow:
        0 16px 42px rgba(0, 0, 0, 0.36),
        0 1px 0 rgba(67, 240, 107, 0.06);
}

.arm-site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(67, 240, 107, 0.75),
            rgba(59, 130, 246, 0.45),
            transparent
        );
}

.arm-brand-link {
    gap: 15px !important;
}

.arm-brand-mark {
    position: relative;

    width: 54px !important;
    height: 54px !important;

    color: #06110a !important;

    background:
        linear-gradient(
            145deg,
            #9cffb7 0%,
            #43f06b 45%,
            #13bd45 100%
        ) !important;

    border:
        1px solid rgba(164, 255, 189, 0.55) !important;

    border-radius: 15px !important;

    box-shadow:
        0 0 28px rgba(67, 240, 107, 0.25),
        0 12px 28px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;

    transform: skew(-3deg);
}

.arm-brand-mark::after {
    content: "";
    position: absolute;
    inset: 5px;

    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 11px;
}

.arm-brand-text strong {
    color: #ffffff !important;
    font-size: 27px !important;
    font-weight: 900 !important;

    letter-spacing: -0.5px !important;

    text-shadow:
        0 2px 16px rgba(0, 0, 0, 0.38) !important;
}

.arm-brand-text small {
    color: #8ca0b8 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 1.45px !important;
}

/* ==========================================================
   ACCOUNT PANEL
   ========================================================== */

.arm-header-account {
    background:
        linear-gradient(
            180deg,
            rgba(22, 32, 46, 0.94),
            rgba(13, 20, 30, 0.94)
        ) !important;

    border:
        1px solid rgba(120, 145, 175, 0.22) !important;

    box-shadow:
        0 17px 38px rgba(0, 0, 0, 0.32),
        inset 0 1px rgba(255, 255, 255, 0.025) !important;
}

.arm-account-button,
.arm-account-balance {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.025)
        ) !important;

    border:
        1px solid rgba(120, 145, 175, 0.20) !important;
}

.arm-account-button:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            rgba(67, 240, 107, 0.18),
            rgba(59, 130, 246, 0.09)
        ) !important;

    border-color:
        rgba(67, 240, 107, 0.45) !important;

    box-shadow:
        0 0 22px rgba(67, 240, 107, 0.10) !important;
}

.arm-account-primary {
    color: #041008 !important;

    background:
        linear-gradient(
            135deg,
            #89ffa8,
            #43f06b 50%,
            #15c94c
        ) !important;

    box-shadow:
        0 10px 25px rgba(67, 240, 107, 0.24) !important;
}

.arm-account-balance strong {
    color: var(--arm-primary) !important;

    text-shadow:
        0 0 15px rgba(67, 240, 107, 0.18);
}

/* ==========================================================
   TOP MENU
   ========================================================== */

.arm-top-menu {
    position: relative;

    background:
        linear-gradient(
            180deg,
            rgba(15, 23, 35, 0.98),
            rgba(9, 14, 22, 0.98)
        ) !important;

    border-top:
        1px solid rgba(120, 145, 175, 0.14) !important;

    border-bottom:
        1px solid rgba(120, 145, 175, 0.20) !important;
}

.arm-top-menu ul li a {
    position: relative;

    min-height: 62px !important;

    color: #b6c2d2 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}

.arm-top-menu ul li a::after {
    content: "";
    position: absolute;

    left: 50%;
    right: 50%;
    bottom: 0;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--arm-primary),
            var(--arm-blue)
        );

    box-shadow:
        0 0 16px rgba(67, 240, 107, 0.35);

    transition:
        left 180ms ease,
        right 180ms ease;
}

.arm-top-menu ul li a:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            rgba(67, 240, 107, 0.08),
            rgba(59, 130, 246, 0.025)
        ) !important;

    border-bottom-color: transparent !important;
}

.arm-top-menu ul li a:hover::after {
    left: 18px;
    right: 18px;
}

/* ==========================================================
   NAVIGATION / BREADCRUMB
   ========================================================== */

.navigation {
    padding: 13px 0 !important;

    color: #758399 !important;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.navigation a {
    color: #9aabc0 !important;
}

.navigation a:hover {
    color: var(--arm-primary) !important;
}

/* ==========================================================
   SIDEBAR
   ========================================================== */

.arm-sidebar .block-menu {
    position: relative;

    border:
        1px solid rgba(120, 145, 175, 0.18) !important;

    background:
        linear-gradient(
            180deg,
            rgba(18, 27, 40, 0.98),
            rgba(9, 15, 24, 0.98)
        ) !important;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.34) !important;
}

.arm-sidebar .block-menu::before {
    content: "";
    position: absolute;

    left: 0;
    top: 15px;
    bottom: 15px;

    width: 2px;

    background:
        linear-gradient(
            transparent,
            rgba(67, 240, 107, 0.65),
            transparent
        );
}

.arm-sidebar .menu-title {
    color: #ffffff !important;

    font-size: 14px !important;
    letter-spacing: 0.2px;
}

.arm-sidebar .menu-title i {
    color: var(--arm-primary) !important;

    text-shadow:
        0 0 15px rgba(67, 240, 107, 0.28);
}

.arm-sidebar .block-menu ul li a {
    position: relative;

    color: #b8c5d5 !important;

    border-radius: 9px !important;
}

.arm-sidebar .block-menu ul li a::before {
    content: "";
    position: absolute;

    left: 0;
    top: 50%;

    width: 3px;
    height: 0;

    border-radius: 0 4px 4px 0;

    background: var(--arm-primary);

    box-shadow:
        0 0 12px rgba(67, 240, 107, 0.44);

    transform: translateY(-50%);

    transition:
        height 170ms ease;
}

.arm-sidebar .block-menu ul li a:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            rgba(67, 240, 107, 0.13),
            rgba(59, 130, 246, 0.035)
        ) !important;

    border-color:
        rgba(67, 240, 107, 0.17) !important;

    transform: translateX(3px);
}

.arm-sidebar .block-menu ul li a:hover::before {
    height: 24px;
}

.arm-sidebar .block-menu ul li a:hover i {
    color: var(--arm-primary) !important;

    text-shadow:
        0 0 12px rgba(67, 240, 107, 0.25);
}

/* ==========================================================
   MAIN CONTENT
   ========================================================== */

.arm-content {
    position: relative;

    border:
        1px solid rgba(120, 145, 175, 0.19) !important;

    background:
        linear-gradient(
            155deg,
            rgba(18, 27, 40, 0.985),
            rgba(8, 13, 21, 0.99)
        ) !important;

    box-shadow:
        0 20px 48px rgba(0, 0, 0, 0.39),
        inset 0 1px rgba(255, 255, 255, 0.018) !important;
}

.arm-content::before {
    content: "";
    position: absolute;

    left: 18px;
    right: 18px;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(67, 240, 107, 0.30),
            rgba(59, 130, 246, 0.17),
            transparent
        );
}

/* ==========================================================
   SECTION HEADINGS
   ========================================================== */

.arm-content h1,
.arm-content .heading,
.arm-content .title,
.arm-content .block-title,
.arm-content .service-title,
.arm-content .news-title {
    position: relative;

    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            rgba(67, 240, 107, 0.12),
            rgba(59, 130, 246, 0.045),
            rgba(255, 255, 255, 0.018)
        ) !important;

    border:
        1px solid rgba(67, 240, 107, 0.17) !important;

    box-shadow:
        inset 3px 0 0 var(--arm-primary),
        0 8px 22px rgba(0, 0, 0, 0.17);
}

/* Existing purple bars */
.arm-content div[style*="background"],
.arm-content .heading-style-1,
.arm-content .heading-style-2 {
    color: #e7edf5 !important;

    background:
        linear-gradient(
            90deg,
            rgba(31, 43, 59, 0.98),
            rgba(20, 29, 42, 0.98)
        ) !important;

    border:
        1px solid rgba(120, 145, 175, 0.18) !important;

    box-shadow:
        inset 3px 0 0 rgba(67, 240, 107, 0.78);
}

/* ==========================================================
   GAME CARDS / IMAGES
   ========================================================== */

.arm-content img {
    border-image: none !important;
}

.arm-content .service-list > div,
.arm-content .service,
.arm-content .service-block,
.arm-content .game,
.arm-content .game-block,
.arm-content .games > div {
    background:
        linear-gradient(
            180deg,
            rgba(25, 37, 53, 0.99),
            rgba(10, 16, 25, 0.99)
        ) !important;

    border:
        1px solid rgba(120, 145, 175, 0.21) !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.36) !important;
}

.arm-content .service-list > div:nth-child(4n+1),
.arm-content .games > div:nth-child(4n+1) {
    --game-accent: var(--arm-primary);
}

.arm-content .service-list > div:nth-child(4n+2),
.arm-content .games > div:nth-child(4n+2) {
    --game-accent: var(--arm-blue);
}

.arm-content .service-list > div:nth-child(4n+3),
.arm-content .games > div:nth-child(4n+3) {
    --game-accent: var(--arm-orange);
}

.arm-content .service-list > div:nth-child(4n+4),
.arm-content .games > div:nth-child(4n+4) {
    --game-accent: var(--arm-purple);
}

.arm-content .service-list > div:hover,
.arm-content .service:hover,
.arm-content .service-block:hover,
.arm-content .game:hover,
.arm-content .game-block:hover,
.arm-content .games > div:hover {
    border-color:
        color-mix(
            in srgb,
            var(--game-accent, var(--arm-primary)) 55%,
            transparent
        ) !important;

    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.42),
        0 0 25px
        color-mix(
            in srgb,
            var(--game-accent, var(--arm-primary)) 13%,
            transparent
        ) !important;
}

.arm-content .service-list img,
.arm-content .service img,
.arm-content .game img,
.arm-content .games img {
    filter:
        brightness(0.82)
        saturate(0.82)
        contrast(1.08) !important;
}

.arm-content .service-list > div:hover img,
.arm-content .service:hover img,
.arm-content .game:hover img,
.arm-content .games > div:hover img {
    filter:
        brightness(1)
        saturate(1.12)
        contrast(1.06) !important;
}

/* Legacy round shopping button */
.arm-content .circle,
.arm-content .round,
.arm-content [class*="circle"],
.arm-content [class*="round"] {
    color: #07110a !important;

    background:
        linear-gradient(
            145deg,
            #86efac,
            #22c55e
        ) !important;

    border:
        4px solid rgba(8, 13, 21, 0.88) !important;

    box-shadow:
        0 0 23px rgba(67, 240, 107, 0.25),
        0 9px 18px rgba(0, 0, 0, 0.32) !important;
}

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

.button,
.btn,
button,
input[type="submit"],
input[type="button"] {
    font-weight: 800 !important;
}

.button:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-1px);
}

/* ==========================================================
   INPUTS
   ========================================================== */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
select,
textarea {
    background:
        rgba(8, 14, 23, 0.92) !important;

    border:
        1px solid rgba(120, 145, 175, 0.22) !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color:
        rgba(67, 240, 107, 0.55) !important;

    box-shadow:
        0 0 0 3px rgba(67, 240, 107, 0.085),
        0 0 22px rgba(67, 240, 107, 0.055) !important;
}

/* ==========================================================
   TABLES
   ========================================================== */

.arm-content table {
    background:
        rgba(9, 15, 24, 0.60) !important;
}

.arm-content th {
    color: #93a4ba !important;

    background:
        linear-gradient(
            180deg,
            rgba(28, 40, 57, 0.95),
            rgba(18, 27, 39, 0.95)
        ) !important;
}

.arm-content tr:hover td {
    background:
        linear-gradient(
            90deg,
            rgba(67, 240, 107, 0.055),
            rgba(59, 130, 246, 0.025)
        ) !important;
}

/* ==========================================================
   FOOTER
   ========================================================== */

footer {
    position: relative;

    background:
        linear-gradient(
            180deg,
            #0a1018,
            #05070b
        ) !important;

    border-top:
        1px solid rgba(67, 240, 107, 0.16) !important;
}

footer::before {
    content: "";
    position: absolute;

    left: 0;
    right: 0;
    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(67, 240, 107, 0.68),
            rgba(59, 130, 246, 0.42),
            transparent
        );
}

footer a:hover {
    color: var(--arm-primary) !important;

    text-shadow:
        0 0 12px rgba(67, 240, 107, 0.20);
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 850px) {
    .arm-brand-text small {
        white-space: normal;
    }
}

@media (max-width: 540px) {
    .arm-brand-text strong {
        font-size: 22px !important;
    }

    .arm-brand-text small {
        font-size: 8px !important;
        letter-spacing: 0.8px !important;
    }
}


/* ==========================================================
   ARM HOSTING — Homepage game cards
   ========================================================== */

.arm-home-games {
    margin-bottom: 24px;
}

.arm-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 20px;
    padding: 0 2px;
}

.arm-section-kicker {
    display: block;
    margin-bottom: 7px;

    color: var(--arm-primary);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.8px;
}

.arm-section-head h1 {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    letter-spacing: -0.4px;
}

.arm-section-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #aebdd0 !important;
    font-size: 12px;
    font-weight: 800;
}

.arm-section-link:hover {
    color: var(--arm-primary) !important;
    transform: translateX(3px);
}

.arm-game-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.arm-game-card {
    --card-accent: var(--arm-primary);

    position: relative;
    overflow: hidden;

    display: flex;
    flex-direction: column;

    min-width: 0;

    background:
        linear-gradient(
            180deg,
            rgba(24, 35, 50, 0.99),
            rgba(10, 16, 25, 0.99)
        );

    border: 1px solid rgba(130, 150, 180, 0.20);
    border-radius: 15px;

    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.32);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.arm-game-card::before {
    content: "";
    position: absolute;
    z-index: 2;

    left: 14px;
    right: 14px;
    top: 0;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--card-accent),
            transparent
        );

    opacity: 0.85;
}

.arm-game-card:hover {
    transform: translateY(-6px);

    border-color:
        color-mix(
            in srgb,
            var(--card-accent) 45%,
            transparent
        );

    box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.40),
        0 0 28px
        color-mix(
            in srgb,
            var(--card-accent) 12%,
            transparent
        );
}

.arm-game-cs {
    --card-accent: #43f06b;
}

.arm-game-csgo {
    --card-accent: #3b82f6;
}

.arm-game-cssold {
    --card-accent: #a855f7;
}

.arm-game-css {
    --card-accent: #f59e0b;
}

.arm-game-samp {
    --card-accent: #ef4444;
}

.arm-game-media {
    position: relative;
    display: block;
    height: 180px;
    overflow: hidden;

    background: #080d14;
}

.arm-game-media::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 40%,
            rgba(5, 8, 13, 0.88) 100%
        );

    pointer-events: none;
}

.arm-game-media img {
    width: 100% !important;
    height: 100% !important;

    display: block;

    object-fit: cover;

    border: 0 !important;
    border-radius: 0 !important;

    filter:
        brightness(0.78)
        saturate(0.88)
        contrast(1.08) !important;

    transition:
        transform 280ms ease,
        filter 280ms ease !important;
}

.arm-game-card:hover .arm-game-media img {
    transform: scale(1.06);

    filter:
        brightness(0.96)
        saturate(1.08)
        contrast(1.06) !important;
}

.arm-game-version {
    position: absolute;
    z-index: 3;
    left: 12px;
    bottom: 12px;

    padding: 5px 9px;

    color: #ffffff;
    background: rgba(5, 9, 15, 0.78);

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.5px;

    backdrop-filter: blur(8px);
}

.arm-game-body {
    flex: 1;

    display: flex;
    flex-direction: column;

    padding: 16px;
}

.arm-game-body h3 {
    margin: 0 0 9px;

    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.25;
}

.arm-game-body p {
    min-height: 55px;
    margin: 0 0 14px;

    color: #92a3b7 !important;
    font-size: 11px;
    line-height: 1.55;
    text-align: left;
}

.arm-game-features {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 16px;
}

.arm-game-features span {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 6px 8px;

    color: #b8c6d7 !important;
    background: rgba(255, 255, 255, 0.035);

    border: 1px solid rgba(130, 150, 180, 0.14);
    border-radius: 8px;

    font-size: 9px;
    font-weight: 750;
}

.arm-game-features i {
    color: var(--card-accent);
}

.arm-game-order {
    width: 100%;
    min-height: 42px;

    margin-top: auto;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--card-accent) 35%, #111827),
            rgba(15, 23, 42, 0.95)
        );

    border:
        1px solid
        color-mix(
            in srgb,
            var(--card-accent) 38%,
            transparent
        );

    border-radius: 10px;

    font-size: 11px;
    font-weight: 900;
}

.arm-game-order:hover {
    color: #06100a !important;
    background: var(--card-accent);

    border-color: var(--card-accent);

    box-shadow:
        0 10px 25px
        color-mix(
            in srgb,
            var(--card-accent) 22%,
            transparent
        );
}

.arm-home-section {
    margin-top: 20px;

    overflow: hidden;

    border: 1px solid rgba(130, 150, 180, 0.18);
    border-radius: 14px;

    background:
        linear-gradient(
            180deg,
            rgba(18, 27, 40, 0.90),
            rgba(9, 15, 24, 0.92)
        );
}

.arm-home-title {
    min-height: 48px;

    display: flex;
    align-items: center;
    gap: 11px;

    padding: 0 17px;

    color: #ffffff;

    border-bottom: 1px solid rgba(130, 150, 180, 0.14);

    background:
        linear-gradient(
            90deg,
            rgba(67, 240, 107, 0.10),
            rgba(59, 130, 246, 0.035)
        );

    box-shadow:
        inset 3px 0 0 var(--arm-primary);

    font-size: 13px;
    font-weight: 850;
}

.arm-home-title i {
    color: var(--arm-primary);
}

.arm-home-section-content {
    padding: 18px;

    color: #b3c0d0;
    line-height: 1.7;
}

.arm-home-description p {
    color: #aebdce !important;
}

@media (max-width: 1250px) {
    .arm-game-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .arm-game-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .arm-section-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .arm-game-grid {
        grid-template-columns: 1fr;
    }

    .arm-game-media {
        height: 220px;
    }
}

/* ==========================================================
   ARM HOSTING — Gaming global background
   ========================================================== */

body {
    background:
        linear-gradient(
            180deg,
            rgba(5, 8, 13, 0.88) 0%,
            rgba(5, 8, 13, 0.94) 55%,
            rgba(3, 5, 9, 0.98) 100%
        ),
        radial-gradient(
            circle at 12% 10%,
            rgba(67, 240, 107, 0.13),
            transparent 24%
        ),
        radial-gradient(
            circle at 88% 18%,
            rgba(59, 130, 246, 0.10),
            transparent 26%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(168, 85, 247, 0.06),
            transparent 35%
        ),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.018) 0,
            rgba(255,255,255,0.018) 1px,
            transparent 1px,
            transparent 16px
        ),
        #05080d !important;

    background-attachment: fixed !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(67, 240, 107, 0.018) 48%,
            rgba(59, 130, 246, 0.018) 52%,
            transparent 100%
        );
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,0.012) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.012) 1px,
            transparent 1px
        );

    background-size: 48px 48px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.35),
            transparent 78%
        );

    opacity: 0.34;
}

main {
    background:
        radial-gradient(
            circle at 75% 15%,
            rgba(67, 240, 107, 0.045),
            transparent 30%
        ),
        radial-gradient(
            circle at 25% 80%,
            rgba(59, 130, 246, 0.035),
            transparent 34%
        ),
        transparent !important;
}

.arm-content {
    backdrop-filter: blur(8px);
}

.arm-sidebar .block-menu,
.arm-content,
.arm-header-account {
    backdrop-filter: blur(10px);
}


/* ARM HOSTING real SVG logo */

.arm-brand-logo {
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow:
        0 0 28px rgba(67, 240, 107, 0.24),
        0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.arm-brand-logo::after {
    display: none !important;
}

.arm-brand-logo img {
    width: 54px !important;
    height: 54px !important;
    display: block !important;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 15px !important;
}

/* ===== ARM HOSTING ESPORTS LOGO ===== */
.arm-brand-mark--logo {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    width: 58px !important;
    height: 58px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.arm-brand-logo {
    display: block;
    width: 58px;
    height: 58px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(61, 255, 104, .45));
}

@media (max-width: 768px) {
    .arm-brand-mark--logo,
    .arm-brand-logo {
        width: 46px !important;
        height: 46px !important;
    }
}

/* ARM HOSTING LOGO SIZE */
.arm-brand-logo img {
    width: 72px !important;
    height: 72px !important;
    object-fit: contain;
}

.arm-brand-logo {
    width: 72px !important;
    height: 72px !important;
}

.arm-brand-text {
    margin-left: 16px;
}

/* ===== CLICKABLE SERVICE CARDS ===== */
.arm-service-card-link {
    display: block;
    color: inherit;
    text-decoration: none !important;
}

.arm-service-card-link .service {
    cursor: pointer;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.arm-service-card-link:hover .service {
    transform: translateY(-5px);
    border-color: rgba(54, 255, 112, .55) !important;
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .35),
        0 0 22px rgba(54, 255, 112, .13);
}

.arm-service-card-link:hover .buy {
    background: rgba(54, 255, 112, .18) !important;
    color: #53ff85 !important;
}

/* =========================================================
   ARM HOSTING V2 — SAFE INNER PAGES
   Scoped rules only, no global text overrides
   ========================================================= */

/* Legacy content containers */
.content .block_content,
.content .server,
.content .form,
.content .table {
    background: #0d1521 !important;
    color: #d8e1ec !important;
    border-color: rgba(130, 150, 180, .18) !important;
}

/* Regular text */
.content .block_content p,
.content .block_content td,
.content .block_content label,
.content .block_content li,
.content .block_content b,
.content .block_content strong {
    color: #d8e1ec !important;
}

/* Secondary text */
.content .block_content small,
.content .block_content .description,
.content .block_content .info,
.content .block_content .help {
    color: #96a4b7 !important;
}

/* Section titles */
.content .hblock_content {
    background: linear-gradient(180deg, #131d2b, #0f1723) !important;
    color: #f5f8fc !important;
    border: 1px solid rgba(120, 150, 180, .18) !important;
    border-left: 3px solid #35e86d !important;
    border-radius: 9px !important;
}

/* Forms */
.content input[type="text"],
.content input[type="password"],
.content input[type="email"],
.content input[type="number"],
.content input[type="search"],
.content select,
.content textarea {
    background: #090f18 !important;
    color: #eef4fa !important;
    border: 1px solid rgba(130, 150, 180, .25) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.content input::placeholder,
.content textarea::placeholder {
    color: #7e8b9d !important;
    opacity: 1;
}

.content input:focus,
.content select:focus,
.content textarea:focus {
    border-color: #35e86d !important;
    box-shadow: 0 0 0 3px rgba(53, 232, 109, .10) !important;
}

/* Tables */
.content table th {
    background: #131d2a !important;
    color: #f1f5fa !important;
    border-color: rgba(130, 150, 180, .18) !important;
}

.content table td {
    background: #0c141f !important;
    color: #d5deea !important;
    border-color: rgba(130, 150, 180, .14) !important;
}

/* Normal links */
.content .block_content a:not(.btn):not(.button) {
    color: #8feaaa;
}

.content .block_content a:not(.btn):not(.button):hover {
    color: #ffffff;
}

/* Buttons — readable contrast */
.content .btn,
.content .button,
.content button,
.content input[type="submit"],
.content input[type="button"] {
    color: #f5f8fc !important;
    border-radius: 8px !important;
    text-shadow: none !important;
}

.content .btn-success,
.content button[type="submit"],
.content input[type="submit"] {
    background: linear-gradient(180deg, #38ec72, #20bd55) !important;
    color: #06120a !important;
    border: 1px solid rgba(83, 255, 132, .35) !important;
}

.content .btn-error {
    background: linear-gradient(180deg, #713442, #4b222c) !important;
    color: #ffdce2 !important;
}

.content .btn-info,
.content .btn-primary {
    background: linear-gradient(180deg, #24455a, #183344) !important;
    color: #dcefff !important;
}

/* Server management button */
.content a .btn,
.content a .button {
    color: #eef4fa !important;
}

.content .server .btn-long,
.content .server .btn-full,
.content .server a:last-child .btn {
    background: #182434 !important;
    color: #eef4fa !important;
    border: 1px solid rgba(130, 155, 185, .22) !important;
}

/* Plugin/category rows */
.content .spoiler,
.content .spoiler-title,
.content .accordion,
.content .category {
    background: #0c141f !important;
    color: #d8e1ec !important;
    border-color: rgba(135, 155, 180, .18) !important;
}

.content .spoiler i,
.content .accordion i,
.content .category i {
    color: #cbd5e1 !important;
}

/* Alerts */
.content .notice,
.content .alert,
.content .message {
    background: rgba(52, 232, 108, .07) !important;
    color: #dce9e0 !important;
    border: 1px solid rgba(52, 232, 108, .18) !important;
}

/* =========================================================
   ARM HOSTING V2 — SERVER CONTROL BUTTON SYSTEM
   ========================================================= */

/* Top server navigation tiles */
.content .server-menu a,
.content .gmenu a,
.content .gmenu td a,
.content .gmenu .active,
.content .server_menu a {
    background: linear-gradient(180deg, #182230, #111923) !important;
    color: #dfe7f1 !important;
    border: 1px solid rgba(125, 150, 180, .20) !important;
    border-radius: 9px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .20) !important;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.content .server-menu a:hover,
.content .gmenu a:hover,
.content .gmenu td a:hover,
.content .server_menu a:hover {
    background: linear-gradient(180deg, #1d2b3a, #15202d) !important;
    color: #ffffff !important;
    border-color: rgba(55, 238, 111, .45) !important;
    transform: translateY(-2px);
    box-shadow:
        0 10px 22px rgba(0, 0, 0, .28),
        0 0 16px rgba(55, 238, 111, .08) !important;
}

.content .gmenu a.active,
.content .gmenu .active a,
.content .server-menu a.active {
    background: linear-gradient(180deg, #173425, #10251a) !important;
    color: #68f59a !important;
    border-color: rgba(55, 238, 111, .55) !important;
}

/* Icons inside top menu */
.content .gmenu a i,
.content .server-menu a i,
.content .server_menu a i {
    color: #b9c6d5 !important;
}

.content .gmenu a:hover i,
.content .server-menu a:hover i {
    color: #56f38c !important;
}

/* Generic action buttons */
.content .btn,
.content .button,
.content a .btn {
    background: linear-gradient(180deg, #263548, #1a2736) !important;
    color: #eaf1f8 !important;
    border: 1px solid rgba(135, 160, 190, .25) !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .20) !important;
    text-shadow: none !important;
}

/* Positive / restart / transfer */
.content .btn-success,
.content .btn-green,
.content .success {
    background: linear-gradient(180deg, #41ef79, #20bd55) !important;
    color: #061209 !important;
    border-color: rgba(92, 255, 140, .40) !important;
}

/* Danger / stop */
.content .btn-error,
.content .btn-danger,
.content .error {
    background: linear-gradient(180deg, #9a4355, #682c3b) !important;
    color: #ffe8ed !important;
    border-color: rgba(255, 115, 140, .30) !important;
}

/* Info / change map */
.content .btn-info,
.content .btn-primary,
.content .btn-blue {
    background: linear-gradient(180deg, #31566d, #203d50) !important;
    color: #e6f5ff !important;
    border-color: rgba(110, 190, 235, .28) !important;
}

/* Disabled / unavailable */
.content .btn[disabled],
.content .button[disabled],
.content .disabled,
.content .btn-disabled {
    background: #252d38 !important;
    color: #7f8b99 !important;
    border-color: rgba(125, 145, 170, .14) !important;
    opacity: .65;
    cursor: not-allowed;
    box-shadow: none !important;
}

/* White legacy buttons */
.content .btn[style*="background"],
.content .button[style*="background"] {
    text-shadow: none !important;
}

/* Hover */
.content .btn:not([disabled]):hover,
.content .button:not([disabled]):hover,
.content a:hover .btn {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

/* Transfer server button */
.content a[href*="owner"],
.content a[href*="transfer"] {
    color: inherit !important;
}

/* Quick-access buttons */
.content .quick a,
.content .fast a,
.content .right-block a .btn {
    background: linear-gradient(180deg, #202d3d, #172330) !important;
    color: #e4edf6 !important;
    border-color: rgba(130, 155, 185, .22) !important;
}

.content .quick a:hover,
.content .fast a:hover {
    border-color: rgba(55, 238, 111, .40) !important;
    color: #6cf39a !important;
}

/* =========================================================
   ARM HOSTING V2 — REAL SERVER NAVIGATION
   ========================================================= */

.content .server_nav {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 10px 0 !important;
    background: transparent !important;
}

.content .server_nav td {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.content .server_nav td a {
    min-width: 72px;
    height: 64px;
    padding: 8px 10px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;

    background: linear-gradient(180deg, #182230, #101821) !important;
    color: #cfd9e6 !important;

    border: 1px solid rgba(125, 150, 180, .22) !important;
    border-radius: 10px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow:
        0 6px 16px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.content .server_nav td a i {
    display: block;
    margin: 0 !important;
    font-size: 25px !important;
    line-height: 1 !important;
    color: #aebccc !important;
}

.content .server_nav td a:hover {
    background: linear-gradient(180deg, #1d2c3a, #14202c) !important;
    color: #ffffff !important;
    border-color: rgba(53, 238, 109, .50) !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(0, 0, 0, .30),
        0 0 18px rgba(53, 238, 109, .10) !important;
}

.content .server_nav td a:hover i {
    color: #53ef87 !important;
}

.content .server_nav td a.active {
    background: linear-gradient(180deg, #173828, #10261b) !important;
    color: #66f49a !important;
    border-color: rgba(53, 238, 109, .65) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, .28),
        0 0 18px rgba(53, 238, 109, .13) !important;
}

.content .server_nav td a.active i {
    color: #66f49a !important;
}

/* Prevent legacy white backgrounds */
.content .server_nav td a,
.content .server_nav td a:visited,
.content .server_nav td a:focus {
    background-color: #111923 !important;
}

/* Horizontal scroll for smaller screens */
.content .full_screen {
    overflow-x: auto;
    padding-bottom: 4px;
}

@media (max-width: 1100px) {
    .content .server_nav {
        min-width: 920px;
    }
}

/* =========================================================
   ARM HOSTING V2 — COMPACT SERVER LIST
   Scoped only to the user's game-server list
   ========================================================= */

.content .block_content:has(> .server_list) {
    margin-bottom: 4px !important;
}

.content .server_list {
    width: 100% !important;
    min-height: 0 !important;
    padding: 4px 6px 3px !important;
    margin: 0 !important;
    display: flow-root !important;
    box-sizing: border-box !important;
}

.content .server_list .server_img {
    width: 132px !important;
    height: 100px !important;
    margin: 0 10px 0 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

.content .server_list .server_img img {
    display: block !important;
    width: 126px !important;
    height: 95px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

.content .server_list table {
    width: calc(100% - 142px) !important;
    margin: 0 !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;
}

.content .server_list table tr {
    height: auto !important;
    min-height: 0 !important;
}

.content .server_list table td {
    height: auto !important;
    min-height: 0 !important;
    padding: 3px 5px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

.content .server_list table tr:last-child td {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.content .server_list .server_name {
    max-width: 190px !important;
    line-height: 1.25 !important;
}

.content .server_list .btn {
    bottom: 0 !important;
    min-height: 30px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 16px !important;
}

.content .server_list + .space {
    display: block !important;
    width: 100% !important;
    height: 6px !important;
    min-height: 0 !important;
    margin: 0 !important;
    clear: both !important;
}

@media (max-width: 900px) {
    .content .server_list {
        overflow-x: auto !important;
    }

    .content .server_list .server_img {
        width: 110px !important;
        height: 84px !important;
        margin-right: 8px !important;
    }

    .content .server_list .server_img img {
        width: 105px !important;
        height: 79px !important;
    }

    .content .server_list table {
        width: calc(100% - 118px) !important;
        min-width: 620px !important;
    }
}


/* =========================================================
   ARM HOSTING V2 — SERVER LIST BUTTONS
   Scoped only to template/sections/servers/list.html
   ========================================================= */

.content .server_list .btn {
    position: relative !important;
    bottom: 0 !important;

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

    min-width: 92px !important;
    width: auto !important;
    height: 30px !important;
    min-height: 30px !important;

    margin: 0 5px 0 0 !important;
    padding: 0 12px !important;

    border: 1px solid rgba(140, 165, 195, .28) !important;
    border-radius: 7px !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    letter-spacing: .01em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-shadow: none !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;

    transition:
        transform .16s ease,
        filter .16s ease,
        border-color .16s ease,
        box-shadow .16s ease !important;
}

.content .server_list .btn:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.08) !important;
    box-shadow:
        0 7px 15px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

/* Stop */
.content .server_list .btn-error,
.content .server_list .btn-danger {
    background: linear-gradient(180deg, #a84a60, #6f3041) !important;
    color: #fff1f4 !important;
    border-color: rgba(255, 112, 140, .32) !important;
}

/* Restart / positive */
.content .server_list .btn-success {
    background: linear-gradient(180deg, #43ed7a, #1fbd55) !important;
    color: #06130a !important;
    border-color: rgba(92, 255, 140, .42) !important;
}

/* Change map / informational */
.content .server_list .btn-info,
.content .server_list .btn-primary {
    background: linear-gradient(180deg, #315b75, #203e52) !important;
    color: #ecf8ff !important;
    border-color: rgba(102, 193, 240, .30) !important;
}

/* Manage server */
.content .server_list .btn-max {
    width: 100% !important;
    min-width: 180px !important;
    margin-right: 0 !important;

    background: linear-gradient(180deg, #26374a, #192838) !important;
    color: #edf4fb !important;
    border-color: rgba(135, 165, 200, .28) !important;
}

.content .server_list .btn-max:hover {
    color: #ffffff !important;
    border-color: rgba(55, 238, 111, .42) !important;
}

/* Keep button links clean */
.content .server_list a {
    text-decoration: none !important;
}

@media (max-width: 900px) {
    .content .server_list .btn {
        min-width: 84px !important;
        height: 29px !important;
        min-height: 29px !important;
        padding: 0 9px !important;
        font-size: 9px !important;
        line-height: 27px !important;
    }

    .content .server_list .btn-max {
        min-width: 155px !important;
    }
}


/* =========================================================
   ARM HOSTING V2 — SERVER LIST BUTTONS COMPACT FIX
   Final compact sizing, scoped only to server list cards
   ========================================================= */

.content .server_list td[id^="buttons_"] > .btn,
.content .server_list td[id^="buttons_"] .btn,
.content .server_list td:last-child .btn.btn-max {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 10px !important;

    border-radius: 6px !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
    letter-spacing: .015em !important;
    white-space: nowrap !important;

    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* Remove old large spacing between action buttons */
.content .server_list td[id^="buttons_"] .margin-left {
    margin-left: 5px !important;
}

/* Stop */
.content .server_list td[id^="buttons_"] .btn-error {
    background: linear-gradient(180deg, #b54c63, #793246) !important;
    color: #fff4f6 !important;
    border: 1px solid rgba(255, 118, 147, .34) !important;
}

/* Restart */
.content .server_list td[id^="buttons_"] .btn-success {
    background: linear-gradient(180deg, #42ec78, #20b956) !important;
    color: #06130a !important;
    border: 1px solid rgba(94, 255, 143, .40) !important;
}

/* Change map */
.content .server_list td[id^="buttons_"] .btn-info {
    background: linear-gradient(180deg, #38647d, #24475d) !important;
    color: #eef9ff !important;
    border: 1px solid rgba(110, 198, 240, .30) !important;
}

/* Manage server */
.content .server_list td:last-child .btn.btn-max {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;

    background: linear-gradient(180deg, #26384c, #1a293a) !important;
    color: #f1f6fb !important;
    border: 1px solid rgba(135, 170, 205, .28) !important;
}

/* Unified interaction */
.content .server_list td[id^="buttons_"] .btn:hover,
.content .server_list td:last-child .btn.btn-max:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.10) !important;
}

.content .server_list td[id^="buttons_"] .btn:active,
.content .server_list td:last-child .btn.btn-max:active {
    transform: translateY(0) !important;
    filter: brightness(.96) !important;
}


/* =========================================================
   ARM HOSTING V2 — SERVER BUTTONS PREMIUM VISUAL
   Appearance only — server list buttons
   ========================================================= */

.content .server_list td[id^="buttons_"] .btn,
.content .server_list td:last-child .btn.btn-max {
    gap: 6px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 11px !important;

    border-radius: 8px !important;

    font-size: 9.5px !important;
    font-weight: 800 !important;
    line-height: 25px !important;
    letter-spacing: .025em !important;

    background-image: none !important;
    text-shadow: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 4px 11px rgba(0, 0, 0, .28) !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease,
        color .16s ease !important;
}

/* Icons */
.content .server_list td[id^="buttons_"] .btn::before,
.content .server_list td:last-child .btn.btn-max::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    opacity: .92;
}

/* Stop */
.content .server_list td[id^="buttons_"] .btn-error {
    background: rgba(116, 40, 58, .88) !important;
    color: #ffe9ee !important;
    border: 1px solid rgba(255, 100, 132, .42) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 4px 11px rgba(0, 0, 0, .28),
        0 0 0 rgba(255, 75, 110, 0) !important;
}

.content .server_list td[id^="buttons_"] .btn-error::before {
    content: "\f011";
    color: #ff9caf !important;
}

/* Restart */
.content .server_list td[id^="buttons_"] .btn-success {
    background: rgba(25, 157, 72, .92) !important;
    color: #effff4 !important;
    border: 1px solid rgba(73, 255, 131, .48) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 4px 11px rgba(0, 0, 0, .28),
        0 0 0 rgba(51, 239, 109, 0) !important;
}

.content .server_list td[id^="buttons_"] .btn-success::before {
    content: "\f2f1";
    color: #a4ffc2 !important;
}

/* Change map */
.content .server_list td[id^="buttons_"] .btn-info {
    background: rgba(35, 72, 96, .94) !important;
    color: #edf9ff !important;
    border: 1px solid rgba(93, 180, 232, .40) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 4px 11px rgba(0, 0, 0, .28),
        0 0 0 rgba(78, 177, 235, 0) !important;
}

.content .server_list td[id^="buttons_"] .btn-info::before {
    content: "\f279";
    color: #9ddcff !important;
}

/* Manage server */
.content .server_list td:last-child .btn.btn-max {
    width: 100% !important;

    background:
        linear-gradient(
            90deg,
            rgba(28, 45, 62, .98),
            rgba(32, 54, 72, .98)
        ) !important;

    color: #f1f6fb !important;
    border: 1px solid rgba(125, 160, 195, .34) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 4px 11px rgba(0, 0, 0, .28) !important;
}

.content .server_list td:last-child .btn.btn-max::before {
    content: "\f013";
    color: #64f394 !important;
}

/* Hover effects */
.content .server_list td[id^="buttons_"] .btn:hover,
.content .server_list td:last-child .btn.btn-max:hover {
    transform: translateY(-2px) !important;
    filter: none !important;
}

.content .server_list td[id^="buttons_"] .btn-error:hover {
    background: rgba(145, 45, 67, .98) !important;
    border-color: rgba(255, 116, 145, .72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 7px 16px rgba(0, 0, 0, .32),
        0 0 13px rgba(255, 76, 111, .18) !important;
}

.content .server_list td[id^="buttons_"] .btn-success:hover {
    background: rgba(26, 188, 82, .98) !important;
    border-color: rgba(88, 255, 143, .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .11),
        0 7px 16px rgba(0, 0, 0, .32),
        0 0 14px rgba(51, 239, 109, .22) !important;
}

.content .server_list td[id^="buttons_"] .btn-info:hover {
    background: rgba(40, 91, 122, .98) !important;
    border-color: rgba(111, 200, 248, .66) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 7px 16px rgba(0, 0, 0, .32),
        0 0 13px rgba(72, 175, 235, .17) !important;
}

.content .server_list td:last-child .btn.btn-max:hover {
    background:
        linear-gradient(
            90deg,
            rgba(31, 62, 52, .98),
            rgba(28, 53, 68, .98)
        ) !important;

    border-color: rgba(65, 240, 117, .58) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 7px 17px rgba(0, 0, 0, .32),
        0 0 14px rgba(53, 238, 109, .14) !important;
}

/* Press effect */
.content .server_list td[id^="buttons_"] .btn:active,
.content .server_list td:last-child .btn.btn-max:active {
    transform: translateY(0) scale(.98) !important;
}

/* Keep spacing clean */
.content .server_list td[id^="buttons_"] .margin-left {
    margin-left: 6px !important;
}


/* =========================================================
   ARM HOSTING V2 — FORMS AND MONITORING CONTRAST FIX
   Scoped visual correction only
   ========================================================= */

/* Rental/order forms */
.content .block_content label,
.content .block_content .form-control-label,
.content .block_content .hbc {
    color: #edf4fb !important;
    font-weight: 700 !important;
}

.content .block_content select,
.content .block_content option,
.content .block_content input,
.content .block_content textarea {
    color: #f4f8fc !important;
    background-color: #0a121d !important;
    border-color: rgba(135, 160, 190, .28) !important;
}

.content .block_content select:focus,
.content .block_content input:focus,
.content .block_content textarea:focus {
    color: #ffffff !important;
    border-color: rgba(55, 238, 111, .58) !important;
    box-shadow: 0 0 0 2px rgba(55, 238, 111, .10) !important;
}

/* Light legacy notice bars */
.content .block_content .notice,
.content .block_content .info,
.content .block_content .informer,
.content .block_content [class*="alert"] {
    color: #dce8f3 !important;
}

.content .block_content .notice a,
.content .block_content .info a,
.content .block_content .informer a,
.content .block_content [class*="alert"] a {
    color: #62f29a !important;
    font-weight: 700 !important;
}

/* Monitoring category tiles */
.content .category,
.content .categories,
.content .monitoring-category,
.content .monitoring .category {
    color: #e7eef7 !important;
}

.content .category a,
.content .categories a,
.content .monitoring-category a,
.content .monitoring .category a {
    color: #e7eef7 !important;
    text-decoration: none !important;
}

.content .category div,
.content .category span,
.content .category b,
.content .categories div,
.content .categories span,
.content .categories b {
    color: #dbe5f0 !important;
}

.content .category small,
.content .category .desc,
.content .category .description,
.content .categories small,
.content .categories .desc,
.content .categories .description {
    color: #9fadc0 !important;
}

/* Cards with light icons/images */
.content .category img + span,
.content .category i + span,
.content .categories img + span,
.content .categories i + span {
    color: #edf4fb !important;
}

/* Monitoring table readability */
.content table td,
.content table th {
    color: #dce5ef !important;
}

.content table th {
    color: #f3f7fb !important;
    font-weight: 800 !important;
}

.content table td a {
    color: #8fe9a8 !important;
}

.content table td a:hover {
    color: #ffffff !important;
}

/* Muted secondary text */
.content table td small,
.content table td .muted,
.content table td .desc,
.content table td .description {
    color: #95a4b7 !important;
}


/* =======================================================
   ARM HOSTING V2 — MONITORING FINAL FIX
   ======================================================= */

/* ---------- RENTAL NOTICE ---------- */

.informer.blue{
    background:#142434 !important;
    border:1px solid rgba(72,255,165,.28)!important;
    color:#edf6ff!important;
    border-radius:10px;
    padding:12px 16px!important;
}

.informer.blue a{
    color:#46ff9b!important;
    font-weight:700;
}

.informer.blue u{
    text-decoration:none;
}

/* ---------- MONITORING ---------- */

.ogp-monitor-card{
    background:#121b27!important;
    border:1px solid rgba(120,150,180,.22)!important;
    transition:.25s;
}

.ogp-monitor-card:hover{
    border-color:#38ef7d!important;
    box-shadow:0 0 18px rgba(56,239,125,.18);
}

.ogp-monitor__game{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.game-name{
    color:#f5f8fc!important;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
}

.game-numPl{
    color:#b8c7d8!important;
    font-size:12px;
    margin-top:3px;
}

.game-name a{
    color:#ffffff!important;
}


/* =========================================================
   ARM HOSTING V2 — ONLINE STATISTICS WIDGET
   Scoped only to the sidebar statistics block
   ========================================================= */

.arm-online-stats {
    display: grid !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 10px 12px 14px !important;
    color: #dce6f1 !important;
}

.arm-online-stats .arm-stat-row {
    display: grid !important;
    grid-template-columns: 25px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;

    min-height: 34px !important;
    padding: 5px 8px !important;

    background:
        linear-gradient(
            90deg,
            rgba(21, 32, 46, .94),
            rgba(14, 23, 35, .72)
        ) !important;

    border: 1px solid rgba(125, 150, 180, .13) !important;
    border-radius: 8px !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background-color .16s ease !important;
}

.arm-online-stats .arm-stat-row:hover {
    transform: translateX(2px) !important;
    border-color: rgba(55, 238, 111, .32) !important;
    background:
        linear-gradient(
            90deg,
            rgba(24, 44, 44, .95),
            rgba(14, 25, 37, .80)
        ) !important;
}

.arm-online-stats .arm-stat-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 25px !important;
    height: 25px !important;

    color: #6ee995 !important;
    background: rgba(55, 238, 111, .08) !important;
    border: 1px solid rgba(55, 238, 111, .14) !important;
    border-radius: 7px !important;
}

.arm-online-stats .arm-stat-icon i {
    color: inherit !important;
    font-size: 11px !important;
}

.arm-online-stats .arm-stat-label {
    overflow: hidden !important;

    color: #aebccd !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.arm-online-stats .arm-stat-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 24px !important;
    height: 22px !important;
    padding: 0 7px !important;

    color: #f5f8fc !important;
    background: rgba(128, 151, 180, .12) !important;
    border: 1px solid rgba(140, 165, 195, .16) !important;
    border-radius: 7px !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-decoration: none !important;
}

.arm-online-stats .arm-stat-green {
    color: #79f3a1 !important;
    background: rgba(55, 238, 111, .09) !important;
    border-color: rgba(55, 238, 111, .20) !important;
}

.arm-online-stats .arm-stat-values {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.arm-online-stats .arm-stat-new {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 22px !important;
    padding: 0 6px !important;

    color: #75f59f !important;
    background: rgba(55, 238, 111, .10) !important;
    border: 1px solid rgba(55, 238, 111, .20) !important;
    border-radius: 7px !important;

    font-size: 10px !important;
    line-height: 20px !important;
}

.arm-online-stats .arm-stat-blocked .arm-stat-icon {
    color: #ff879e !important;
    background: rgba(255, 83, 116, .08) !important;
    border-color: rgba(255, 83, 116, .15) !important;
}

.arm-online-stats .arm-stat-blocked .arm-stat-value {
    color: #ffb0bf !important;
    background: rgba(255, 83, 116, .08) !important;
    border-color: rgba(255, 83, 116, .16) !important;
}


/* ==========================================================
   ARM HOSTING V2 — SIDEBAR NAV PREMIUM
   ========================================================== */

.arm-sidebar>.block-menu:first-child{

    overflow:hidden;

    border-radius:16px!important;

    border:1px solid rgba(75,230,120,.18)!important;

    box-shadow:
        0 0 30px rgba(0,0,0,.35),
        inset 0 1px rgba(255,255,255,.03);
}

.arm-sidebar>.block-menu:first-child .menu-title{

    min-height:58px;

    padding:0 18px!important;

    background:
        linear-gradient(
            180deg,
            rgba(30,38,52,.95),
            rgba(18,24,34,.96)
        )!important;

    border-bottom:1px solid rgba(255,255,255,.05);

    letter-spacing:.3px;

    font-size:15px!important;

    font-weight:800!important;

    color:#f8fafc!important;
}

.arm-sidebar>.block-menu:first-child .menu-title i{

    width:34px;

    height:34px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    color:#4ade80!important;

    background:rgba(74,222,128,.10);

    border:1px solid rgba(74,222,128,.18);

    box-shadow:0 0 15px rgba(74,222,128,.10);
}

.arm-sidebar>.block-menu:first-child ul{

    padding:10px!important;
}

.arm-sidebar>.block-menu:first-child li{

    margin:4px 0!important;
}

.arm-sidebar>.block-menu:first-child li a{

    position:relative;

    min-height:46px;

    padding:0 14px!important;

    display:flex!important;

    align-items:center;

    gap:13px;

    border-radius:12px!important;

    transition:
        all .18s ease!important;
}

.arm-sidebar>.block-menu:first-child li a i{

    width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex:none;

    border-radius:9px;

    background:rgba(255,255,255,.03);

    border:1px solid rgba(255,255,255,.05);

    color:#96a3b5!important;

    transition:.18s;
}

.arm-sidebar>.block-menu:first-child li a:hover{

    color:#fff!important;

    transform:translateX(4px);

    background:
        linear-gradient(
            90deg,
            rgba(74,222,128,.12),
            rgba(74,222,128,.03)
        )!important;

    border-color:rgba(74,222,128,.22)!important;
}

.arm-sidebar>.block-menu:first-child li a:hover i{

    color:#4ade80!important;

    border-color:rgba(74,222,128,.25);

    background:rgba(74,222,128,.12);

    transform:scale(1.06);
}

.arm-sidebar>.block-menu:first-child li a::before{

    content:"";

    position:absolute;

    left:-10px;

    top:8px;

    bottom:8px;

    width:4px;

    border-radius:20px;

    background:#4ade80;

    opacity:0;

    transition:.18s;
}

.arm-sidebar>.block-menu:first-child li a:hover::before{

    left:0;

    opacity:1;
}


/* ==========================================================
   ARM HOSTING V2 — SIDEBAR NAV STATS STYLE
   Compact navigation matching the online statistics widget
   ========================================================== */

.arm-sidebar > .block-menu:first-child {
    border-radius: 13px !important;
    overflow: hidden !important;
}

.arm-sidebar > .block-menu:first-child .menu-title {
    min-height: 52px !important;
    padding: 0 14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(21, 31, 45, .98),
            rgba(14, 22, 33, .98)
        ) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
}

.arm-sidebar > .block-menu:first-child .menu-title i {
    width: 28px !important;
    height: 28px !important;

    border-radius: 8px !important;

    font-size: 12px !important;

    color: #66ef95 !important;
    background: rgba(55, 238, 111, .08) !important;
    border: 1px solid rgba(55, 238, 111, .15) !important;

    box-shadow: none !important;
}

.arm-sidebar > .block-menu:first-child ul {
    display: grid !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 10px 11px 13px !important;
}

.arm-sidebar > .block-menu:first-child ul li {
    margin: 0 !important;
    padding: 0 !important;
}

.arm-sidebar > .block-menu:first-child ul li a {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;

    min-height: 38px !important;
    padding: 4px 8px !important;
    margin: 0 !important;

    color: #b8c4d2 !important;

    background:
        linear-gradient(
            90deg,
            rgba(21, 32, 46, .92),
            rgba(14, 23, 35, .68)
        ) !important;

    border: 1px solid rgba(125, 150, 180, .12) !important;
    border-radius: 8px !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease !important;
}

.arm-sidebar > .block-menu:first-child ul li a i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;

    color: #8291a5 !important;
    background: rgba(128, 151, 180, .07) !important;
    border: 1px solid rgba(140, 165, 195, .10) !important;
    border-radius: 8px !important;

    font-size: 11px !important;

    transition:
        color .16s ease,
        background .16s ease,
        border-color .16s ease !important;
}

.arm-sidebar > .block-menu:first-child ul li a::before {
    content: "" !important;

    position: absolute !important;
    left: -1px !important;
    top: 7px !important;
    bottom: 7px !important;

    width: 3px !important;

    background: #3bee72 !important;
    border-radius: 0 6px 6px 0 !important;

    opacity: 0 !important;
    transform: none !important;

    transition: opacity .16s ease !important;
}

.arm-sidebar > .block-menu:first-child ul li a:hover {
    color: #f3f7fb !important;

    transform: translateX(2px) !important;

    background:
        linear-gradient(
            90deg,
            rgba(28, 50, 45, .95),
            rgba(14, 25, 37, .80)
        ) !important;

    border-color: rgba(55, 238, 111, .26) !important;
}

.arm-sidebar > .block-menu:first-child ul li a:hover::before {
    opacity: 1 !important;
}

.arm-sidebar > .block-menu:first-child ul li a:hover i {
    color: #6bf19a !important;
    background: rgba(55, 238, 111, .09) !important;
    border-color: rgba(55, 238, 111, .18) !important;
}

/* Remove oversized motion from previous navigation style */
.arm-sidebar > .block-menu:first-child ul li a:hover i {
    transform: none !important;
}


/* ==========================================================
   ARM HOSTING V2 — HELP NOTICE ICON FIX
   Keep the support notification icon inline and compact
   ========================================================== */

.arm-sidebar > .block-menu:first-child a #help_notice {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    color: #62ee92 !important;
    background: rgba(55, 238, 111, .08) !important;
    border: 1px solid rgba(55, 238, 111, .16) !important;
    border-radius: 6px !important;

    font-size: 8px !important;
    line-height: 16px !important;

    box-shadow: none !important;
    transform: none !important;
}

.arm-sidebar > .block-menu:first-child a:hover #help_notice {
    color: #8affad !important;
    background: rgba(55, 238, 111, .13) !important;
    border-color: rgba(55, 238, 111, .28) !important;
    transform: none !important;
}


/* ==========================================================
   ARM HOSTING V2 — REMOVE HELP NOTICE ICON
   ========================================================== */

.arm-sidebar #help_notice{
    display:none !important;
}


/* ==========================================================
   ARM HOSTING V2 — NAVIGATION TOGGLE TEST
   Opens/closes only the first navigation menu items
   ========================================================== */

.arm-sidebar > .block-menu:first-child .menu-title {
    user-select: none !important;
}

.arm-sidebar > .block-menu:first-child #arm-nav-toggle {
    cursor: pointer !important;

    transition:
        transform .22s ease,
        color .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

.arm-sidebar > .block-menu:first-child #arm-nav-toggle:hover {
    color: #8affad !important;
    background: rgba(55, 238, 111, .15) !important;
    border-color: rgba(55, 238, 111, .30) !important;
}

.arm-sidebar > .block-menu:first-child > ul {
    max-height: 650px !important;
    overflow: hidden !important;

    opacity: 1 !important;

    transition:
        max-height .28s ease,
        opacity .20s ease,
        padding .28s ease !important;
}

.arm-sidebar > .block-menu:first-child.arm-nav-collapsed > ul {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}

.arm-sidebar > .block-menu:first-child.arm-nav-collapsed
#arm-nav-toggle {
    transform: rotate(90deg) !important;
}


/* ==========================================================
   ARM HOSTING V2 — STATISTICS TOGGLE
   Opens/closes only the Online Statistics widget
   ========================================================== */

.arm-sidebar > .block-menu:has(.arm-online-stats) .menu-title {
    user-select: none !important;
}

.arm-sidebar #arm-stats-toggle {
    cursor: pointer !important;

    transition:
        transform .22s ease,
        color .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

.arm-sidebar #arm-stats-toggle:hover {
    color: #8affad !important;
    background: rgba(55, 238, 111, .15) !important;
    border-color: rgba(55, 238, 111, .30) !important;
}

.arm-sidebar > .block-menu:has(.arm-online-stats) > ul {
    max-height: 700px !important;
    overflow: hidden !important;
    opacity: 1 !important;

    transition:
        max-height .30s ease,
        opacity .20s ease,
        padding .30s ease !important;
}

.arm-sidebar >
.block-menu.arm-stats-collapsed:has(.arm-online-stats) > ul {
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    opacity: 0 !important;
    pointer-events: none !important;
}

.arm-sidebar >
.block-menu.arm-stats-collapsed:has(.arm-online-stats)
#arm-stats-toggle {
    transform: rotate(90deg) !important;
}


/* ==========================================================
   ARM HOSTING V2 — SOFT TRANSPARENT SERVER BUTTONS
   Keeps action colors, but makes them softer and translucent
   ========================================================== */

.content .server_list td[id^="buttons_"] .btn,
.content .server_list td:last-child .btn.btn-max {
    background-image: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 3px 9px rgba(0, 0, 0, .20) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Stop — soft red */
.content .server_list td[id^="buttons_"] .btn-error {
    background-color: rgba(139, 45, 67, .56) !important;
    color: #ffdce4 !important;
    border-color: rgba(255, 105, 136, .32) !important;
}

.content .server_list td[id^="buttons_"] .btn-error::before {
    color: #ff91aa !important;
}

/* Restart — soft green */
.content .server_list td[id^="buttons_"] .btn-success {
    background-color: rgba(26, 164, 75, .56) !important;
    color: #eafff0 !important;
    border-color: rgba(82, 255, 138, .34) !important;
}

.content .server_list td[id^="buttons_"] .btn-success::before {
    color: #91ffb4 !important;
}

/* Change map — soft blue */
.content .server_list td[id^="buttons_"] .btn-info {
    background-color: rgba(37, 86, 116, .58) !important;
    color: #e6f6ff !important;
    border-color: rgba(104, 196, 242, .30) !important;
}

.content .server_list td[id^="buttons_"] .btn-info::before {
    color: #91d8ff !important;
}

/* Manage server — soft blue/green */
.content .server_list td:last-child .btn.btn-max {
    background:
        linear-gradient(
            90deg,
            rgba(34, 60, 78, .58),
            rgba(28, 71, 61, .50)
        ) !important;

    color: #edf8f2 !important;
    border-color: rgba(95, 224, 139, .28) !important;
}

.content .server_list td:last-child .btn.btn-max::before {
    color: #79f3a1 !important;
}

/* Hover: color becomes slightly stronger */
.content .server_list td[id^="buttons_"] .btn-error:hover {
    background-color: rgba(157, 47, 72, .76) !important;
    border-color: rgba(255, 112, 143, .50) !important;
}

.content .server_list td[id^="buttons_"] .btn-success:hover {
    background-color: rgba(25, 185, 80, .76) !important;
    border-color: rgba(90, 255, 146, .52) !important;
}

.content .server_list td[id^="buttons_"] .btn-info:hover {
    background-color: rgba(41, 103, 139, .76) !important;
    border-color: rgba(112, 204, 250, .48) !important;
}

.content .server_list td:last-child .btn.btn-max:hover {
    background:
        linear-gradient(
            90deg,
            rgba(35, 75, 92, .74),
            rgba(28, 95, 68, .68)
        ) !important;

    border-color: rgba(74, 238, 128, .48) !important;
}


/* ==========================================================
   ARM HOSTING V2 — NEON GREEN CURSOR
   ========================================================== */

html,
body,
main,
.wrapper,
.content,
.sidebar {
    cursor:
        url("/template/images/armhosting-cursor.svg") 2 1,
        auto !important;
}

a,
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select,
[role="button"],
[onclick] {
    cursor: url("/template/images/armhosting-cursor.svg") 2 1, pointer !important;
}

/* Keep text editing cursor usable */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
textarea,
[contenteditable="true"] {
    cursor: text !important;
}


/* ==========================================================
   ARM HOSTING V2 — PREMIUM FOOTER
   ========================================================== */

.arm-footer {
    position: relative !important;
    width: 100% !important;
    margin: 26px 0 0 !important;
    padding: 0 !important;

    color: #aebccd !important;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(55, 238, 111, .08),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            rgba(10, 17, 27, .98),
            rgba(5, 10, 17, 1)
        ) !important;

    border-top: 1px solid rgba(91, 241, 137, .24) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;

    box-shadow:
        0 -12px 35px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.arm-footer::before {
    content: "" !important;

    position: absolute !important;
    top: -1px !important;
    left: 0 !important;

    width: 190px !important;
    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            #3bee72,
            rgba(59, 238, 114, 0)
        ) !important;

    box-shadow: 0 0 14px rgba(59, 238, 114, .40) !important;
}

.arm-footer-main {
    display: grid !important;
    grid-template-columns:
        minmax(280px, 1.45fr)
        repeat(3, minmax(145px, .72fr)) !important;

    gap: 34px !important;

    width: min(1320px, calc(100% - 44px)) !important;
    margin: 0 auto !important;
    padding: 38px 0 32px !important;
}

.arm-footer-brand {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.arm-footer-brand-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;

    width: 46px !important;
    height: 46px !important;

    color: #63f191 !important;
    background:
        linear-gradient(
            145deg,
            rgba(55, 238, 111, .15),
            rgba(55, 238, 111, .04)
        ) !important;

    border: 1px solid rgba(55, 238, 111, .22) !important;
    border-radius: 13px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 22px rgba(55, 238, 111, .10) !important;
}

.arm-footer-brand-mark i {
    color: inherit !important;
    font-size: 19px !important;
}

.arm-footer-brand-copy strong {
    display: block !important;

    color: #f5f8fc !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: .035em !important;
}

.arm-footer-brand-copy > span {
    display: block !important;
    margin-top: 5px !important;

    color: #6cef97 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: .16em !important;
}

.arm-footer-brand-copy p {
    max-width: 360px !important;
    margin: 15px 0 0 !important;

    color: #8998aa !important;

    font-size: 12px !important;
    line-height: 1.65 !important;
}

.arm-footer-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.arm-footer-column h4 {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 15px !important;
    padding: 0 0 11px !important;

    color: #eef4fa !important;

    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

.arm-footer-column h4::after {
    content: "" !important;

    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 34px !important;
    height: 2px !important;

    background: #3bee72 !important;
    border-radius: 10px !important;

    box-shadow: 0 0 9px rgba(59, 238, 114, .30) !important;
}

.arm-footer-column h4 i {
    width: 17px !important;
    margin-right: 4px !important;

    color: #64ed91 !important;
    text-align: center !important;
}

.arm-footer-column a {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;

    min-height: 28px !important;
    padding: 2px 0 2px 13px !important;

    color: #98a7b9 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;

    transition:
        color .16s ease,
        transform .16s ease !important;
}

.arm-footer-column a::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;

    width: 4px !important;
    height: 4px !important;

    background: #526175 !important;
    border-radius: 50% !important;

    transition:
        background .16s ease,
        box-shadow .16s ease !important;
}

.arm-footer-column a:hover {
    color: #f4f8fc !important;
    transform: translateX(3px) !important;
}

.arm-footer-column a:hover::before {
    background: #54ef86 !important;
    box-shadow: 0 0 7px rgba(84, 239, 134, .52) !important;
}

.arm-footer-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    width: min(1320px, calc(100% - 44px)) !important;
    min-height: 56px !important;

    margin: 0 auto !important;
    padding: 13px 0 !important;

    color: #718094 !important;

    border-top: 1px solid rgba(128, 151, 180, .12) !important;

    font-size: 10px !important;
    line-height: 1.4 !important;
}

.arm-footer-copy {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.arm-footer-copy strong {
    color: #b8c7d7 !important;
    font-weight: 800 !important;
}

.arm-footer-dot {
    width: 3px !important;
    height: 3px !important;

    background: #526174 !important;
    border-radius: 50% !important;
}

.arm-footer-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: #8796a8 !important;
}

.arm-footer-status-dot {
    width: 7px !important;
    height: 7px !important;

    background: #3bee72 !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 0 3px rgba(59, 238, 114, .08),
        0 0 9px rgba(59, 238, 114, .36) !important;
}

@media (max-width: 980px) {
    .arm-footer-main {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .arm-footer-main {
        grid-template-columns: 1fr !important;
        gap: 25px !important;

        width: calc(100% - 28px) !important;
        padding-top: 30px !important;
    }

    .arm-footer-bottom {
        align-items: flex-start !important;
        flex-direction: column !important;

        width: calc(100% - 28px) !important;
    }
}


/* ==========================================================
   ARM HOSTING V3 — HOMEPAGE HERO
   Scoped only to the homepage hosting-panel section
   ========================================================== */

.arm-home-description {
    padding: 0 !important;
}

.arm-home-description .arm-hero {
    position: relative !important;
    isolation: isolate !important;

    min-height: 190px !important;
    padding: 22px 28px !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 84% 22%,
            rgba(55, 238, 111, .14),
            transparent 28%
        ),
        radial-gradient(
            circle at 10% 90%,
            rgba(59, 130, 246, .10),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            rgba(18, 30, 43, .96),
            rgba(7, 14, 23, .98)
        ) !important;

    border-radius: 0 0 14px 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .04),
        0 20px 50px rgba(0, 0, 0, .22) !important;
}

.arm-home-description .arm-hero::before {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;
    top: -90px !important;
    right: -65px !important;

    width: 310px !important;
    height: 310px !important;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(55, 238, 111, .07) 0,
            rgba(55, 238, 111, .07) 1px,
            transparent 1px,
            transparent 15px
        ) !important;

    border: 1px solid rgba(55, 238, 111, .08) !important;
    border-radius: 50% !important;

    opacity: .65 !important;
    transform: rotate(12deg) !important;
}

.arm-home-description .arm-hero::after {
    content: "ARM" !important;

    position: absolute !important;
    z-index: -1 !important;
    right: 35px !important;
    bottom: -22px !important;

    color: rgba(255, 255, 255, .025) !important;

    font-size: 132px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;

    pointer-events: none !important;
}

.arm-home-description .arm-hero h2 {
    position: relative !important;

    width: fit-content !important;
    margin: 0 0 13px !important;

    color: #f7fbff !important;

    font-size: 44px !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: .035em !important;

    text-shadow:
        0 0 24px rgba(55, 238, 111, .10) !important;
}

.arm-home-description .arm-hero h2::after {
    content: "" !important;

    display: block !important;

    width: 62px !important;
    height: 3px !important;
    margin-top: 12px !important;

    background:
        linear-gradient(
            90deg,
            #3bee72,
            rgba(59, 238, 114, 0)
        ) !important;

    border-radius: 10px !important;

    box-shadow:
        0 0 13px rgba(59, 238, 114, .45) !important;
}

.arm-home-description .arm-hero-text {
    max-width: 650px !important;
    margin: 0 0 24px !important;

    color: #9eafc2 !important;

    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.7 !important;
}

.arm-home-description .arm-feature-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;

    max-width: 720px !important;
    margin-bottom: 25px !important;
}

.arm-home-description .arm-feature {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 36px !important;
    padding: 6px 10px !important;

    color: #cbd8e5 !important;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .018)
        ) !important;

    border: 1px solid rgba(128, 151, 180, .15) !important;
    border-radius: 10px !important;

    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 5px 15px rgba(0, 0, 0, .13) !important;

    transition:
        transform .17s ease,
        color .17s ease,
        border-color .17s ease,
        background .17s ease !important;
}

.arm-home-description .arm-feature:hover {
    color: #f5f9fd !important;

    transform: translateY(-2px) !important;

    background:
        linear-gradient(
            135deg,
            rgba(55, 238, 111, .105),
            rgba(255, 255, 255, .025)
        ) !important;

    border-color: rgba(55, 238, 111, .30) !important;
}

.arm-home-description .arm-hero-buttons {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.arm-home-description .arm-hero-buttons .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 140px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 20px !important;
    margin: 0 !important;

    border-radius: 10px !important;

    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 38px !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    text-transform: none !important;

    transition:
        transform .17s ease,
        border-color .17s ease,
        background .17s ease,
        box-shadow .17s ease !important;
}

.arm-home-description .arm-hero-buttons .btn-success {
    color: #07130b !important;

    background:
        linear-gradient(
            180deg,
            #58f58b,
            #25c960
        ) !important;

    border: 1px solid rgba(103, 255, 151, .66) !important;

    box-shadow:
        0 10px 24px rgba(35, 201, 96, .18),
        inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}

.arm-home-description .arm-hero-buttons .btn-info {
    color: #dce9f6 !important;

    background:
        linear-gradient(
            180deg,
            rgba(40, 62, 83, .95),
            rgba(23, 39, 56, .98)
        ) !important;

    border: 1px solid rgba(128, 164, 199, .26) !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

.arm-home-description .arm-hero-buttons .btn:hover {
    transform: translateY(-2px) !important;
}

.arm-home-description .arm-hero-buttons .btn-success:hover {
    background:
        linear-gradient(
            180deg,
            #70ffa0,
            #2bdb6a
        ) !important;

    border-color: rgba(125, 255, 164, .84) !important;

    box-shadow:
        0 13px 28px rgba(43, 219, 106, .25),
        0 0 16px rgba(55, 238, 111, .13) !important;
}

.arm-home-description .arm-hero-buttons .btn-info:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            180deg,
            rgba(47, 78, 102, .98),
            rgba(28, 50, 69, .99)
        ) !important;

    border-color: rgba(107, 198, 240, .42) !important;
}

.arm-home-description .arm-hero-buttons .btn:active {
    transform: translateY(0) scale(.985) !important;
}

@media (max-width: 850px) {
    .arm-home-description .arm-hero {
        padding: 27px !important;
    }

    .arm-home-description .arm-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 540px) {
    .arm-home-description .arm-hero {
        min-height: 0 !important;
        padding: 22px 17px !important;
    }

    .arm-home-description .arm-hero::after {
        display: none !important;
    }

    .arm-home-description .arm-feature-grid {
        grid-template-columns: 1fr !important;
    }

    .arm-home-description .arm-hero-buttons {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .arm-home-description .arm-hero-buttons .btn {
        width: 100% !important;
    }
}


/* ==========================================================
   ARM HOSTING V3 — HERO COMPACT
   ========================================================== */

.arm-home-description .arm-hero{
    min-height:190px !important;
    padding:22px 28px !important;
}

.arm-home-description .arm-hero h2{
    font-size:28px !important;
    font-weight:800 !important;
    letter-spacing:1px !important;
    margin:0 0 6px !important;
}

.arm-home-description .arm-hero h2::after{
    width:48px !important;
    margin-top:8px !important;
}

.arm-home-description .arm-hero-text{
    font-size:13px !important;
    line-height:1.5 !important;
    margin-bottom:14px !important;
    max-width:620px !important;
}

.arm-home-description .arm-feature-grid{
    gap:8px !important;
    margin-bottom:14px !important;
}

.arm-home-description .arm-feature{
    min-height:32px !important;
    padding:5px 10px !important;
    font-size:11px !important;
}

.arm-home-description .arm-hero-buttons .btn{
    height:36px !important;
    min-width:150px !important;
    padding:0 18px !important;
    font-size:11px !important;
    line-height:34px !important;
}


/* ==========================================================
   ARM HOSTING V3 — HERO LOGO
   Replaces the large text heading with the brand logo
   ========================================================== */

.arm-home-description .arm-hero-logo {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;

    width: fit-content !important;
    margin: 0 0 12px !important;
}

.arm-home-description .arm-hero-logo::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -7px !important;

    width: 58px !important;
    height: 3px !important;

    background:
        linear-gradient(
            90deg,
            #3bee72,
            rgba(59, 238, 114, 0)
        ) !important;

    border-radius: 10px !important;

    box-shadow:
        0 0 12px rgba(59, 238, 114, .42) !important;
}

.arm-home-description .arm-hero-logo img {
    display: block !important;

    width: 138px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 86px !important;

    object-fit: contain !important;
    object-position: left center !important;

    filter:
        drop-shadow(0 0 10px rgba(55, 238, 111, .16))
        drop-shadow(0 8px 18px rgba(0, 0, 0, .28)) !important;
}

.arm-home-description .arm-hero-text {
    margin-top: 17px !important;
}

@media (max-width: 540px) {
    .arm-home-description .arm-hero-logo img {
        width: 112px !important;
        max-height: 72px !important;
    }
}


/* ==========================================================
   ARM HOSTING V4
   ========================================================== */

.arm-home-description .arm-hero-logo img{
    width:180px !important;
    max-height:none !important;

    filter:
        drop-shadow(0 0 18px rgba(70,255,140,.18))
        drop-shadow(0 12px 25px rgba(0,0,0,.35));
}

.arm-home-description .arm-feature{

    border-radius:999px !important;

    background:rgba(255,255,255,.03) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    backdrop-filter:blur(10px);

    transition:.2s;
}

.arm-home-description .arm-feature:hover{

    transform:translateY(-2px);

    border-color:#38ef7d !important;

    background:rgba(56,239,125,.10) !important;

    box-shadow:0 0 18px rgba(56,239,125,.15);
}

.arm-home-description .arm-hero-buttons .btn-success::before{
    content:"🎮 ";
}

.arm-home-description .arm-hero-buttons .btn-info::before{
    content:"📊 ";
}

.arm-home-description .arm-hero::after{

    content:"";

    position:absolute;

    right:40px;
    bottom:-30px;

    width:340px;
    height:340px;

    background:url("/template/images/armhosting-logo.png")
               center/contain
               no-repeat;

    opacity:.06;

    filter:blur(.3px);

    pointer-events:none;
}


/* ==========================================================
   ARM HOSTING V5 — NEWS REDESIGN
   ========================================================== */

.news_block{

    background:linear-gradient(
        180deg,
        rgba(24,29,36,.96),
        rgba(16,20,26,.98)
    ) !important;

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    padding:22px;

    margin-bottom:22px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.35);

    transition:.25s;
}

.news_block:hover{

    transform:translateY(-4px);

    border-color:rgba(57,255,20,.35);

    box-shadow:
        0 0 25px rgba(57,255,20,.10),
        0 18px 40px rgba(0,0,0,.45);
}

.news_block h3{

    margin:0 0 16px;

    font-size:24px;

    font-weight:800;
}

.news_block h3 a{

    color:#ffffff !important;

    text-decoration:none;
}

.news_block h3 a:hover{

    color:#39ff14 !important;
}

.news_block pre{

    white-space:pre-wrap !important;

    font-family:inherit !important;

    font-size:14px;

    line-height:1.8;

    color:#c8d3dd;

    margin:0;
}

.news_block .tags{

    margin-top:18px !important;

    padding-top:16px;

    border-top:1px solid rgba(255,255,255,.08);

    color:#8da0b3;

    font-size:12px;
}

.news_block .tags .right{

    color:#66ff99;

    font-weight:700;
}

.news_block .tags i{

    color:#39ff14;

    margin-right:5px;
}


/* ==========================================================
   ARM HOSTING V5 — STATIC GAMING NEWS
   ========================================================== */

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

.arm-news-card {
    position: relative !important;

    display: flex !important;
    gap: 14px !important;

    min-height: 190px !important;
    padding: 18px !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            rgba(24, 34, 48, .96),
            rgba(10, 17, 27, .98)
        ) !important;

    border: 1px solid rgba(130, 150, 180, .16) !important;
    border-radius: 14px !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 12px 30px rgba(0, 0, 0, .22) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

.arm-news-card::after {
    content: "" !important;

    position: absolute !important;
    right: -45px !important;
    bottom: -45px !important;

    width: 140px !important;
    height: 140px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(55, 238, 111, .08),
            transparent 68%
        ) !important;

    pointer-events: none !important;
}

.arm-news-card:hover {
    transform: translateY(-3px) !important;

    border-color: rgba(55, 238, 111, .30) !important;

    box-shadow:
        0 0 24px rgba(55, 238, 111, .08),
        0 18px 38px rgba(0, 0, 0, .30) !important;
}

.arm-news-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;

    width: 42px !important;
    height: 42px !important;

    color: #66ef95 !important;

    background: rgba(55, 238, 111, .09) !important;
    border: 1px solid rgba(55, 238, 111, .16) !important;
    border-radius: 12px !important;

    box-shadow: 0 0 16px rgba(55, 238, 111, .08) !important;
}

.arm-news-icon i {
    font-size: 16px !important;
}

.arm-news-content {
    min-width: 0 !important;
}

.arm-news-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin-bottom: 10px !important;

    color: #718195 !important;

    font-size: 9px !important;
    font-weight: 700 !important;
}

.arm-news-badge {
    padding: 4px 7px !important;

    color: #7af3a0 !important;

    background: rgba(55, 238, 111, .08) !important;
    border: 1px solid rgba(55, 238, 111, .15) !important;
    border-radius: 999px !important;

    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
}

.arm-news-card h3 {
    margin: 0 0 9px !important;

    color: #f4f8fc !important;

    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

.arm-news-card p {
    margin: 0 0 14px !important;

    color: #9baabc !important;

    font-size: 11px !important;
    line-height: 1.65 !important;
}

.arm-news-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: #63ef91 !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    transition:
        gap .16s ease,
        color .16s ease !important;
}

.arm-news-link:hover {
    gap: 10px !important;
    color: #96ffb7 !important;
}

.arm-news-security .arm-news-icon {
    color: #7dd3fc !important;
    background: rgba(56, 189, 248, .08) !important;
    border-color: rgba(56, 189, 248, .16) !important;
}

.arm-news-performance .arm-news-icon {
    color: #facc15 !important;
    background: rgba(250, 204, 21, .07) !important;
    border-color: rgba(250, 204, 21, .14) !important;
}

@media (max-width: 1050px) {
    .arm-news-grid {
        grid-template-columns: 1fr !important;
    }

    .arm-news-card {
        min-height: 0 !important;
    }
}


/* ARM HOSTING — Bootbox popup readability fix */
.bootbox.modal,
.bootbox.modal .modal-body,
.bootbox.modal .modal-header,
.bootbox.modal .modal-header h3,
.bootbox.modal .modal-footer {
    color: #1f2937 !important;
}

.bootbox.modal {
    background-color: #ffffff !important;
}

.bootbox.modal .modal-body {
    background-color: #ffffff !important;
}

.bootbox.modal .modal-header {
    background-color: #ffffff !important;
    border-bottom-color: #dddddd !important;
}

.bootbox.modal .modal-footer {
    background-color: #f5f5f5 !important;
    border-top-color: #dddddd !important;
}

.bootbox.modal .close {
    color: #111827 !important;
    opacity: .7;
}

.bootbox.modal .modal-footer .btn {
    color: #ffffff !important;
}

/* ARM HOSTING — FINAL BOOTBOX TEXT FIX */
body .bootbox.modal,
body .bootbox.modal .modal-header,
body .bootbox.modal .modal-header *,
body .bootbox.modal .modal-body,
body .bootbox.modal .modal-body * {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body .bootbox.modal,
body .bootbox.modal .modal-header,
body .bootbox.modal .modal-body {
    background: #ffffff !important;
}

body .bootbox.modal .modal-footer {
    background: #f5f5f5 !important;
}

body .bootbox.modal .modal-footer .btn,
body .bootbox.modal .modal-footer a.btn {
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* ARM HOSTING BOOTBOX THEME */

body .bootbox.modal {
    border-radius: 12px !important;
    overflow: hidden;
    border: 1px solid rgba(57,255,125,.25) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;
}

body .bootbox.modal .modal-header {
    background: #111827 !important;
    border-bottom: 1px solid rgba(57,255,125,.25) !important;
    padding: 18px 20px !important;
}

body .bootbox.modal .modal-header h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

body .bootbox.modal .modal-body {
    background: #182333 !important;
    color: #dbeafe !important;
    padding: 20px !important;
}

body .bootbox.modal .modal-body * {
    color: #dbeafe !important;
}

body .bootbox.modal .modal-footer {
    background: #111827 !important;
    border-top: 1px solid rgba(57,255,125,.25) !important;
}

body .bootbox.modal .btn {
    background: #35e878 !important;
    color: #07110b !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 8px 20px !important;
}

body .bootbox.modal .btn:hover {
    filter: brightness(1.1);
}


/* ARM HOSTING BOOTBOX FINAL TEXT VISIBILITY */

body .bootbox.modal .modal-header h3,
body .bootbox.modal .modal-header h3 *,
body .bootbox.modal .modal-body,
body .bootbox.modal .modal-body *,
body .bootbox.modal .modal-footer {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body .bootbox.modal .modal-body {
    background: #182333 !important;
}

body .bootbox.modal .modal-footer {
    background: #111827 !important;
}

body .bootbox.modal .btn {
    color: #07110b !important;
    -webkit-text-fill-color: #07110b !important;
}


/* ARM HOSTING - BOOTBOX BUTTON UX */

body .bootbox.modal .modal-footer {
    text-align: center !important;
    background: #111827 !important;
    padding: 16px !important;
}

body .bootbox.modal .modal-footer .btn {
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    min-width: 100px !important;
    height: 38px !important;

    border-radius: 12px !important;

    background: #35e878 !important;
    color: #07110b !important;

    font-weight: 800 !important;
    font-size: 13px !important;

    border: 0 !important;

    box-shadow:
        0 8px 20px rgba(53,232,120,.35) !important;

    transition: .2s ease;
}

body .bootbox.modal .modal-footer .btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.12);
}


/* ==========================================================
   ARM HOSTING - BALANCE PAYMENT CARDS
   ========================================================== */

.pay-methods{
    display:flex!important;
    flex-wrap:wrap;
    justify-content:center;
    gap:22px;
    margin:30px 0;
}

.pay-card{
    width:220px!important;
    min-height:135px!important;

    display:flex!important;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    border:1px solid rgba(57,255,125,.18)!important;
    border-radius:16px!important;

    background:linear-gradient(180deg,#182333,#111827)!important;

    box-shadow:0 10px 24px rgba(0,0,0,.30)!important;

    transition:all .25s ease!important;

    cursor:pointer;
}

.pay-card:hover{

    transform:translateY(-6px)!important;

    border-color:#39ff7d!important;

    box-shadow:
        0 0 18px rgba(57,255,125,.20),
        0 12px 35px rgba(0,0,0,.45)!important;
}

.pay-icon{
    font-size:38px!important;
    margin-bottom:12px!important;
}

.pay-title{
    color:#39ff7d!important;
    font-size:19px!important;
    font-weight:700!important;
    letter-spacing:.5px!important;
}

.pay-desc{
    color:#bfbfbf!important;
    font-size:13px!important;
    margin-top:8px!important;
    text-align:center!important;
}

.pay-button{
    background:none!important;
    color:inherit!important;
}


/* ==========================================================
   ARM HOSTING — BALANCE PAGE UNIFIED THEME
   Active HTML: template/sections/user/replenish.html
   ========================================================== */

.content .pay-page{
    padding:18px!important;
    background:linear-gradient(180deg,#121b27,#0e1621)!important;
    border:1px solid rgba(124,150,180,.15)!important;
    border-radius:12px!important;
}

.content .pay-page .pay-info{
    margin-bottom:18px!important;
    padding:14px 16px!important;
    color:#c8d2df!important;
    background:linear-gradient(180deg,#182333,#111827)!important;
    border:1px solid rgba(57,255,125,.20)!important;
    border-left:3px solid #39ff7d!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

.content .pay-page .pay-panel{
    padding:24px!important;
    background:linear-gradient(180deg,#182333,#111827)!important;
    border:1px solid rgba(124,150,180,.18)!important;
    border-radius:14px!important;
    box-shadow:0 14px 35px rgba(0,0,0,.28)!important;
}

.content .pay-page .pay-panel-title,
.content .pay-page .amount-title{
    color:#f4f7fb!important;
    text-shadow:none!important;
}

.content .pay-page .pay-card{
    width:220px!important;
    min-height:115px!important;
    padding:18px 12px!important;
    color:#f4f7fb!important;
    background:linear-gradient(180deg,#223146,#182333)!important;
    border:1px solid rgba(124,150,180,.22)!important;
    border-radius:13px!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
}

.content .pay-page .pay-card:hover{
    transform:translateY(-4px)!important;
    border-color:rgba(57,255,125,.55)!important;
    box-shadow:
        0 0 0 1px rgba(57,255,125,.08),
        0 14px 28px rgba(0,0,0,.34)!important;
}

.content .pay-page .pay-logo,
.content .pay-page .pay-card.pink .pay-logo,
.content .pay-page .pay-card.blue-card .pay-logo{
    color:#39ff7d!important;
    text-shadow:none!important;
}

.content .pay-page .pay-name{
    color:#f4f7fb!important;
}

.content .pay-page .pay-small{
    color:#aeb9c7!important;
}

.content .pay-page .amount-box{
    margin-top:22px!important;
    padding:22px!important;
    background:linear-gradient(180deg,#131d2b,#0f1723)!important;
    border:1px solid rgba(124,150,180,.18)!important;
    border-radius:13px!important;
    box-shadow:none!important;
}

.content .pay-page .balance-box span,
.content .pay-page .sum-box span,
.content .pay-page .balance-box small,
.content .pay-page .sum-box small{
    color:#aeb9c7!important;
}

.content .pay-page .balance-box b{
    color:#f4f7fb!important;
    text-shadow:none!important;
}

.content .pay-page .sum-box input{
    background:#111923!important;
    color:#f4f7fb!important;
    border:1px solid rgba(124,150,180,.25)!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

.content .pay-page .sum-box input:focus{
    border-color:#39ff7d!important;
    box-shadow:0 0 0 3px rgba(57,255,125,.10)!important;
}

.content .pay-page .pay-submit{
    background:linear-gradient(180deg,#26384c,#1a293a)!important;
    color:#f4f7fb!important;
    border:1px solid rgba(57,255,125,.40)!important;
    border-radius:10px!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
    text-shadow:none!important;
}

.content .pay-page .pay-submit:hover{
    background:linear-gradient(180deg,#2c4157,#1d3041)!important;
    border-color:#39ff7d!important;
    box-shadow:
        0 0 16px rgba(57,255,125,.12),
        0 10px 26px rgba(0,0,0,.35)!important;
}

.content .pay-logs{
    background:linear-gradient(180deg,#182333,#111827)!important;
    border:1px solid rgba(124,150,180,.15)!important;
    border-radius:11px!important;
}

@media (max-width:700px){
    .content .pay-page .pay-panel{
        padding:15px!important;
    }

    .content .pay-page .pay-card{
        width:100%!important;
        max-width:100%!important;
    }

    .content .pay-page .amount-row{
        display:block!important;
    }

    .content .pay-page .sum-box{
        margin-top:16px!important;
        display:block!important;
    }

    .content .pay-page .sum-box input{
        width:100%!important;
        margin:8px 0!important;
    }
}


/* ==========================================================
   ARM HOSTING — BOOTBOX PAYMENT CONFIRM CONTENT
   ========================================================== */

body .bootbox.modal .modal-body > div[style*="background"],
body .bootbox.modal .modal-body div[style*="#eaeaea"]{
    background:linear-gradient(180deg,#182333,#111827)!important;
    color:#f4f7fb!important;
    border:1px solid rgba(57,255,125,.18)!important;
    border-radius:10px!important;
    box-shadow:none!important;
}

body .bootbox.modal .modal-body > div[style*="background"] *,
body .bootbox.modal .modal-body div[style*="#eaeaea"] *{
    color:#f4f7fb!important;
}



/* =========================================================
   ARM HOSTING — CONTACT PAGE
   ========================================================= */

.arm-contact-page {
    width: 100%;
    box-sizing: border-box;
}

.arm-contact-page *,
.arm-contact-page *::before,
.arm-contact-page *::after {
    box-sizing: border-box;
}

.arm-contact-hero {
    position: relative;
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 22px;
    padding: 26px 28px;
    overflow: hidden;
    border: 1px solid rgba(57, 255, 125, .18);
    border-radius: 16px;
    background:
        radial-gradient(circle at 88% 15%,
        rgba(57, 255, 125, .14),
        transparent 34%),
        linear-gradient(135deg,
        rgba(19, 29, 24, .96),
        rgba(8, 13, 11, .98));
    box-shadow:
        0 16px 40px rgba(0, 0, 0, .25),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.arm-contact-hero::after {
    content: "";
    position: absolute;
    top: -90px;
    right: -70px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(57, 255, 125, .08);
    border-radius: 50%;
}

.arm-contact-hero-icon {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 66px;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border: 1px solid rgba(57, 255, 125, .28);
    border-radius: 16px;
    color: #39ff7d;
    background: rgba(57, 255, 125, .08);
    box-shadow:
        0 0 25px rgba(57, 255, 125, .10),
        inset 0 0 20px rgba(57, 255, 125, .04);
    font-size: 27px;
}

.arm-contact-hero-text {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.arm-contact-label {
    display: block;
    margin-bottom: 5px;
    color: #39ff7d;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: 1.7px;
}

.arm-contact-hero h1,
.arm-contact-panel h2 {
    margin: 0;
    color: #f4fff7;
    font-weight: 800;
}

.arm-contact-hero h1 {
    font-size: 25px;
    line-height: 1.25;
}

.arm-contact-hero p {
    max-width: 720px;
    margin: 9px 0 0;
    color: rgba(224, 239, 229, .72);
    font-size: 14px;
    line-height: 1.65;
}

.arm-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}

.arm-contact-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 112px;
    align-items: center;
    gap: 14px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 14px;
    color: inherit !important;
    text-decoration: none !important;
    background:
        linear-gradient(145deg,
        rgba(20, 29, 25, .94),
        rgba(10, 15, 13, .98));
    box-shadow:
        0 10px 28px rgba(0, 0, 0, .20),
        inset 0 1px 0 rgba(255, 255, 255, .02);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.arm-contact-card::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: .8;
    background: linear-gradient(
        90deg,
        transparent,
        #39ff7d,
        transparent
    );
}

.arm-contact-card:hover {
    transform: translateY(-3px);
    border-color: rgba(57, 255, 125, .28);
    box-shadow:
        0 16px 36px rgba(0, 0, 0, .28),
        0 0 24px rgba(57, 255, 125, .06);
}

.arm-contact-card-icon {
    display: flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(57, 255, 125, .20);
    border-radius: 12px;
    color: #39ff7d;
    background: rgba(57, 255, 125, .07);
    font-size: 19px;
}

.arm-contact-card-content {
    display: block;
    min-width: 0;
    flex: 1;
}

.arm-contact-card-label,
.arm-contact-card-content strong,
.arm-contact-card-content small {
    display: block;
}

.arm-contact-card-label {
    margin-bottom: 3px;
    color: rgba(202, 220, 208, .55);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.arm-contact-card-content strong {
    overflow: hidden;
    margin-bottom: 4px;
    color: #f2fff5;
    font-size: 14px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arm-contact-card-content small {
    color: rgba(210, 226, 215, .58);
    font-size: 11px;
    line-height: 1.45;
}

.arm-contact-card-arrow {
    flex: 0 0 auto;
    color: rgba(57, 255, 125, .55);
    font-size: 14px;
    transition: transform .22s ease;
}

.arm-contact-card:hover .arm-contact-card-arrow {
    transform: translateX(3px);
}

.arm-contact-sections {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 16px;
}

.arm-contact-panel {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 16px;
    background:
        linear-gradient(145deg,
        rgba(19, 27, 23, .95),
        rgba(9, 14, 12, .98));
    box-shadow:
        0 14px 36px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .02);
}

.arm-contact-panel-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.arm-contact-panel-icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(57, 255, 125, .20);
    border-radius: 12px;
    color: #39ff7d;
    background: rgba(57, 255, 125, .07);
    font-size: 18px;
}

.arm-contact-panel h2 {
    font-size: 18px;
    line-height: 1.3;
}

.arm-contact-status-list {
    display: grid;
    gap: 10px;
}

.arm-contact-status-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, .055);
    border-radius: 11px;
    background: rgba(255, 255, 255, .018);
}

.arm-contact-status-icon {
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    color: #39ff7d;
    background: rgba(57, 255, 125, .07);
}

.arm-contact-status-row small,
.arm-contact-status-row strong {
    display: block;
}

.arm-contact-status-row small {
    margin-bottom: 2px;
    color: rgba(203, 219, 208, .50);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.arm-contact-status-row strong {
    color: rgba(239, 251, 243, .90);
    font-size: 13px;
    line-height: 1.45;
}

.arm-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.arm-contact-btn {
    display: inline-flex !important;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;
    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.arm-contact-btn:hover {
    transform: translateY(-2px);
}

.arm-contact-btn-primary {
    border: 1px solid rgba(57, 255, 125, .48);
    color: #061009 !important;
    background: linear-gradient(135deg, #39ff7d, #22d968);
    box-shadow: 0 8px 22px rgba(57, 255, 125, .14);
}

.arm-contact-btn-primary:hover {
    color: #061009 !important;
    box-shadow: 0 10px 28px rgba(57, 255, 125, .22);
}

.arm-contact-btn-secondary {
    border: 1px solid rgba(255, 255, 255, .10);
    color: rgba(238, 250, 242, .88) !important;
    background: rgba(255, 255, 255, .035);
}

.arm-contact-btn-secondary:hover {
    border-color: rgba(57, 255, 125, .25);
    color: #39ff7d !important;
    background: rgba(57, 255, 125, .06);
}

.arm-contact-security {
    border-color: rgba(255, 196, 72, .14);
}

.arm-contact-security .arm-contact-panel-icon {
    border-color: rgba(255, 196, 72, .22);
    color: #ffc448;
    background: rgba(255, 196, 72, .07);
}

.arm-contact-security .arm-contact-label {
    color: #ffc448;
}

.arm-contact-warning {
    padding: 15px;
    border: 1px solid rgba(255, 196, 72, .14);
    border-radius: 12px;
    background:
        linear-gradient(145deg,
        rgba(255, 196, 72, .055),
        rgba(255, 196, 72, .018));
}

.arm-contact-warning strong {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 11px;
    color: #ffd16b;
    font-size: 13px;
}

.arm-contact-warning p {
    margin: 0;
    color: rgba(231, 231, 218, .68);
    font-size: 12px;
    line-height: 1.65;
}

.arm-contact-warning p + p {
    margin-top: 9px;
}

@media (max-width: 1050px) {
    .arm-contact-grid {
        grid-template-columns: 1fr;
    }

    .arm-contact-card {
        min-height: 94px;
    }

    .arm-contact-sections {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .arm-contact-hero {
        align-items: flex-start;
        padding: 20px;
    }

    .arm-contact-hero-icon {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        border-radius: 13px;
        font-size: 21px;
    }

    .arm-contact-hero h1 {
        font-size: 20px;
    }

    .arm-contact-hero p {
        font-size: 12px;
    }

    .arm-contact-card,
    .arm-contact-panel {
        padding: 16px;
    }

    .arm-contact-card {
        min-height: 88px;
    }

    .arm-contact-card-content strong {
        font-size: 13px;
    }

    .arm-contact-card-content small {
        display: none;
    }

    .arm-contact-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .arm-contact-btn {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .arm-contact-hero {
        display: block;
    }

    .arm-contact-hero-icon {
        margin-bottom: 14px;
    }

    .arm-contact-card-arrow {
        display: none;
    }
}

/* ===========================
   ARM HOSTING PROFILE V2
   =========================== */

.content .arm-profile-page .table_pad.input_pad{
    width:100%;
    border-collapse:separate;
    border-spacing:0 12px;
}

.content .arm-profile-page .table_pad.input_pad tr{
    transition:.2s;
}

.content .arm-profile-page .table_pad.input_pad td{
    padding:10px 12px;
    vertical-align:middle;
}

.content .arm-profile-page .table_pad.input_pad tr:hover{
    background:rgba(255,255,255,.02);
}

.content .arm-profile-page .table_pad.input_pad input{
    width:100%;
    min-height:44px;
    border-radius:10px;
}

.content .arm-profile-page .table_pad.input_pad .btn{
    width:100%;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    font-weight:700;
}

.content .arm-profile-page .table_pad.input_pad .right{
    float:right;
    padding:6px 12px;
    border-radius:999px;
    background:rgba(57,255,125,.08);
    border:1px solid rgba(57,255,125,.22);
    color:#39ff7d;
    font-size:12px;
    font-weight:700;
}

@media(max-width:900px){

.content .arm-profile-page .table_pad.input_pad,
.content .arm-profile-page .table_pad.input_pad tbody,
.content .arm-profile-page .table_pad.input_pad tr,
.content .arm-profile-page .table_pad.input_pad td{
    display:block;
    width:100%!important;
}

.content .arm-profile-page .table_pad.input_pad tr{
    margin-bottom:14px;
    padding:12px;
    border-radius:12px;
    background:rgba(255,255,255,.025);
}

.content .arm-profile-page .table_pad.input_pad .right{
    display:inline-block;
    float:none;
    margin-top:8px;
}

}


/* ===== ARM PROFILE HEADERS ===== */

.content .arm-profile-page .hblock_content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 22px;
    margin-bottom:16px;
    border:1px solid rgba(57,255,125,.14);
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            rgba(57,255,125,.08),
            rgba(255,255,255,.02)
        );
    box-shadow:
        0 10px 28px rgba(0,0,0,.22);
}

.content .arm-profile-page .block_content{
    border-radius:14px;
}

.content .arm-profile-page .space{
    height:24px;
}

@media (max-width:900px){

.content .arm-profile-page .hblock_content{
    display:block;
    padding:16px;
}

}


/* ==========================================================
   ARM HOSTING — AUTHENTICATION PAGES V2
   Scoped: Login / Signup / Recovery
   ========================================================== */

.arm-auth-page {
    position: relative;
    width: 100%;
    min-height: 620px;
    padding: 46px 22px 54px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 0%, rgba(57, 255, 125, .12), transparent 38%),
        radial-gradient(circle at 10% 85%, rgba(57, 255, 125, .06), transparent 28%),
        linear-gradient(145deg, rgba(8, 15, 13, .97), rgba(4, 8, 7, .99));
}

.arm-auth-page::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .32;
    background-image:
        linear-gradient(rgba(57, 255, 125, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57, 255, 125, .035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.arm-auth-page::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    top: -230px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    pointer-events: none;
    background: rgba(57, 255, 125, .12);
    filter: blur(95px);
}

.arm-auth-page .arm-auth-shell {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
}

.arm-auth-page .arm-auth-brand {
    margin-bottom: 24px;
    text-align: center;
}

.arm-auth-page .arm-auth-brand-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 12px;
    color: #07100a;
    font-size: 25px;
    border: 1px solid rgba(116, 255, 161, .75);
    border-radius: 18px;
    background: linear-gradient(135deg, #75ff9f, #28d866);
    box-shadow:
        0 12px 30px rgba(40, 216, 102, .22),
        inset 0 1px 0 rgba(255, 255, 255, .42);
}

.arm-auth-page .arm-auth-brand-text {
    color: #f3fff6;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 1.4px;
    line-height: 1.1;
}

.arm-auth-page .arm-auth-brand-text span {
    color: #52f287;
}

.arm-auth-page .arm-auth-brand-subtitle {
    margin-top: 7px;
    color: rgba(222, 238, 226, .58);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .45px;
}

.arm-auth-page .arm-auth-card {
    position: relative;
    padding: 28px;
    border: 1px solid rgba(82, 242, 135, .16);
    border-radius: 20px;
    background:
        linear-gradient(145deg, rgba(18, 27, 23, .94), rgba(9, 14, 12, .96));
    box-shadow:
        0 28px 70px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(15px);
}

.arm-auth-page .arm-auth-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(82, 242, 135, .65),
        transparent
    );
}

.arm-auth-page .arm-auth-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
}

.arm-auth-page .arm-auth-heading-icon {
    display: flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: #51ef85;
    font-size: 19px;
    border: 1px solid rgba(82, 242, 135, .2);
    border-radius: 14px;
    background: rgba(82, 242, 135, .075);
}

.arm-auth-page .arm-auth-heading h1 {
    margin: 0 0 5px;
    color: #f4fff7;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.2;
}

.arm-auth-page .arm-auth-heading p {
    margin: 0;
    color: rgba(220, 235, 224, .54);
    font-size: 12px;
    line-height: 1.5;
}

.arm-auth-page .arm-auth-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.arm-auth-page .arm-auth-form,
.arm-auth-page .arm-auth-form tbody,
.arm-auth-page .arm-auth-form tr,
.arm-auth-page .arm-auth-form td {
    border: 0 !important;
    background: transparent !important;
}

.arm-auth-page .arm-auth-form td {
    padding: 0 0 17px !important;
}

.arm-auth-page .arm-auth-form tr:last-child td {
    padding-bottom: 0 !important;
}

.arm-auth-page .arm-auth-form label {
    display: block;
    margin: 0 0 8px;
    color: rgba(235, 246, 238, .77);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.arm-auth-page .arm-auth-form label i {
    width: 17px;
    margin-right: 4px;
    color: #50e981;
    text-align: center;
}

.arm-auth-page .arm-auth-input {
    position: relative;
}

.arm-auth-page .arm-auth-form input {
    display: block;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    color: #f2fff5 !important;
    font-size: 13px !important;
    font-weight: 500;
    outline: none !important;
    border: 1px solid rgba(255, 255, 255, .095) !important;
    border-radius: 12px !important;
    background: rgba(2, 8, 5, .64) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .25) !important;
    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.arm-auth-page .arm-auth-form input::placeholder {
    color: rgba(220, 235, 224, .32) !important;
}

.arm-auth-page .arm-auth-form input:hover {
    border-color: rgba(82, 242, 135, .22) !important;
    background: rgba(4, 13, 8, .76) !important;
}

.arm-auth-page .arm-auth-form input:focus {
    border-color: rgba(82, 242, 135, .72) !important;
    background: rgba(5, 15, 9, .9) !important;
    box-shadow:
        0 0 0 3px rgba(82, 242, 135, .09),
        0 9px 22px rgba(0, 0, 0, .18) !important;
    transform: translateY(-1px);
}

.arm-auth-page .arm-auth-submit {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100% !important;
    min-height: 48px;
    margin: 4px 0 0 !important;
    padding: 0 18px !important;
    float: none !important;
    color: #061109 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .15px;
    border: 1px solid rgba(131, 255, 171, .7) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #73ff9e, #2bd568) !important;
    box-shadow:
        0 13px 28px rgba(43, 213, 104, .2),
        inset 0 1px 0 rgba(255, 255, 255, .42) !important;
    cursor: pointer;
    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

.arm-auth-page .arm-auth-submit:hover {
    filter: brightness(1.07);
    transform: translateY(-2px);
    box-shadow:
        0 17px 34px rgba(43, 213, 104, .27),
        inset 0 1px 0 rgba(255, 255, 255, .46) !important;
}

.arm-auth-page .arm-auth-submit:active {
    transform: translateY(0);
}

.arm-auth-page .arm-auth-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 19px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.arm-auth-page .arm-auth-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(224, 237, 227, .58);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: color .18s ease;
}

.arm-auth-page .arm-auth-links a:hover,
.arm-auth-page .arm-auth-links .arm-auth-link-accent {
    color: #55ef88;
}

.arm-auth-page .arm-auth-captcha {
    display: flex;
    justify-content: center;
    padding: 4px 0 1px;
    overflow: hidden;
}

.arm-auth-page .arm-auth-social {
    padding: 14px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025);
}

.arm-auth-page .arm-auth-social label {
    margin-bottom: 11px;
}

.arm-auth-page .arm-auth-footer {
    margin-top: 18px;
    color: rgba(211, 228, 216, .35);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.arm-auth-page #security_code.none {
    display: none;
}

.arm-auth-page #security_code[style*="table-row"] {
    display: table-row !important;
}

@media (max-width: 640px) {
    .arm-auth-page {
        min-height: auto;
        padding: 30px 12px 36px;
        border-radius: 14px;
    }

    .arm-auth-page .arm-auth-card {
        padding: 21px 17px;
        border-radius: 17px;
    }

    .arm-auth-page .arm-auth-heading {
        gap: 11px;
        margin-bottom: 21px;
        padding-bottom: 17px;
    }

    .arm-auth-page .arm-auth-heading-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .arm-auth-page .arm-auth-heading h1 {
        font-size: 18px;
    }

    .arm-auth-page .arm-auth-links {
        flex-direction: column;
        align-items: stretch;
    }

    .arm-auth-page .arm-auth-links a {
        justify-content: center;
        min-height: 38px;
        padding: 0 10px;
        border: 1px solid rgba(255, 255, 255, .065);
        border-radius: 10px;
        background: rgba(255, 255, 255, .025);
    }

    .arm-auth-page .g-recaptcha {
        transform: scale(.86);
        transform-origin: center;
    }
}

@media (max-width: 390px) {
    .arm-auth-page .g-recaptcha {
        transform: scale(.76);
    }
}


/* ==========================================================
   ARM HOSTING — PROFILE SETTINGS V2
   Scoped: .arm-lk-settings-page
   ========================================================== */

.arm-lk-settings-page {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
}

.arm-lk-settings-page .arm-settings-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(73, 238, 126, .13);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(16, 26, 35, .96),
            rgba(9, 17, 25, .98)
        );
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.arm-lk-settings-page .arm-settings-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(71, 238, 124, .45),
            transparent
        );
}

.arm-lk-settings-page .arm-settings-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 19px 21px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    background: rgba(255, 255, 255, .012);
}

.arm-lk-settings-page .arm-settings-heading-icon {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #4cf083;
    font-size: 18px;
    border: 1px solid rgba(76, 240, 131, .18);
    border-radius: 13px;
    background: rgba(76, 240, 131, .07);
}

.arm-lk-settings-page .arm-settings-heading-text h2 {
    margin: 0 0 4px;
    color: #f0fff5;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.arm-lk-settings-page .arm-settings-heading-text p {
    margin: 0;
    color: rgba(210, 226, 218, .47);
    font-size: 11px;
    line-height: 1.5;
}

.arm-lk-settings-page .arm-settings-content {
    padding: 21px;
}

.arm-lk-settings-page table,
.arm-lk-settings-page table tbody,
.arm-lk-settings-page table tr,
.arm-lk-settings-page table td {
    border: 0 !important;
    background: transparent !important;
}

.arm-lk-settings-page table {
    width: 100% !important;
    margin: 0 !important;
}

.arm-lk-settings-page .arm-avatar-table td {
    padding: 0 !important;
}

.arm-lk-settings-page .arm-avatar-preview-cell {
    width: 168px !important;
    padding-right: 23px !important;
    vertical-align: top;
}

.arm-lk-settings-page .arm-avatar-preview {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    height: 146px;
    overflow: hidden;
    border: 3px solid rgba(66, 236, 121, .32);
    border-radius: 18px;
    background: rgba(4, 11, 16, .75);
    box-shadow:
        0 14px 32px rgba(0, 0, 0, .3),
        0 0 0 5px rgba(66, 236, 121, .035);
}

.arm-lk-settings-page .arm-avatar-preview::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 25px rgba(0, 0, 0, .24);
}

.arm-lk-settings-page .arm-avatar-preview img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: 0 !important;
    border-radius: 14px;
}

.arm-lk-settings-page .arm-avatar-upload-cell {
    width: auto !important;
}

.arm-lk-settings-page #drop-files {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 142px;
    padding: 18px;
    box-sizing: border-box;
    text-align: center;
    border: 1px dashed rgba(74, 236, 126, .28);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(65, 238, 123, .055),
            transparent 55%
        ),
        rgba(4, 11, 16, .42);
    transition:
        border-color .18s ease,
        background .18s ease;
}

.arm-lk-settings-page #drop-files:hover {
    border-color: rgba(74, 236, 126, .55);
    background: rgba(8, 19, 18, .65);
}

.arm-lk-settings-page .arm-upload-icon {
    margin-bottom: 8px;
    color: #4ced82;
    font-size: 28px;
    line-height: 1;
}

.arm-lk-settings-page .arm-upload-title {
    color: rgba(237, 250, 242, .84);
    font-size: 13px;
    font-weight: 800;
}

.arm-lk-settings-page .arm-upload-subtitle {
    margin-top: 5px;
    color: rgba(207, 225, 214, .42);
    font-size: 11px;
}

.arm-lk-settings-page #frm {
    margin-top: 13px;
}

.arm-lk-settings-page #img {
    max-width: 245px;
    color: rgba(224, 239, 229, .58);
    font-size: 11px;
}

.arm-lk-settings-page #img::file-selector-button {
    margin-right: 10px;
    padding: 8px 13px;
    color: #09150d;
    font-size: 11px;
    font-weight: 800;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #68fa96, #2ed56b);
    cursor: pointer;
}

.arm-lk-settings-page #uploaded-holder {
    margin-top: 14px;
}

.arm-lk-settings-page .arm-upload-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.arm-lk-settings-page .arm-upload-actions a {
    text-decoration: none !important;
}

.arm-lk-settings-page .arm-upload-actions .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 170px;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 14px !important;
    float: none !important;
    box-sizing: border-box;
    border-radius: 10px !important;
}

.arm-lk-settings-page #loading {
    margin-top: 12px;
}

.arm-lk-settings-page #loading-bar {
    height: 6px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, .07);
}

.arm-lk-settings-page #loading-bar .loading-color {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #28d665, #70ff9e);
}

.arm-lk-settings-page #loading-content {
    margin-top: 7px;
    color: rgba(220, 236, 225, .52);
    font-size: 11px;
    text-align: center;
}

.arm-lk-settings-page .arm-notice-table tr {
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
}

.arm-lk-settings-page .arm-notice-table tr:last-child {
    border-bottom: 0 !important;
}

.arm-lk-settings-page .arm-notice-table td {
    padding: 15px 7px !important;
    vertical-align: middle;
}

.arm-lk-settings-page .arm-notice-table tr:first-child td {
    padding-top: 3px !important;
}

.arm-lk-settings-page .arm-notice-table tr:last-child td {
    padding-bottom: 3px !important;
}

.arm-lk-settings-page .arm-notice-info {
    display: flex;
    align-items: center;
    gap: 13px;
}

.arm-lk-settings-page .arm-notice-icon {
    display: flex;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: #4bed80;
    border: 1px solid rgba(75, 237, 128, .14);
    border-radius: 11px;
    background: rgba(75, 237, 128, .055);
}

.arm-lk-settings-page .arm-notice-info strong {
    display: block;
    margin-bottom: 4px;
    color: rgba(240, 251, 244, .86);
    font-size: 12px;
    font-weight: 800;
}

.arm-lk-settings-page .arm-notice-info span {
    display: block;
    max-width: 680px;
    color: rgba(207, 223, 213, .45);
    font-size: 11px;
    line-height: 1.55;
}

.arm-lk-settings-page .arm-notice-switch {
    width: 72px !important;
    padding-left: 20px !important;
    cursor: pointer;
}

.arm-lk-settings-page .arm-notice-switch .lcs_wrap {
    float: none !important;
}

@media (max-width: 720px) {
    .arm-lk-settings-page .arm-settings-content {
        padding: 16px;
    }

    .arm-lk-settings-page .arm-avatar-table,
    .arm-lk-settings-page .arm-avatar-table tbody,
    .arm-lk-settings-page .arm-avatar-table tr,
    .arm-lk-settings-page .arm-avatar-table td {
        display: block;
        width: 100% !important;
    }

    .arm-lk-settings-page .arm-avatar-preview-cell {
        padding: 0 0 18px !important;
    }

    .arm-lk-settings-page .arm-avatar-preview {
        margin: 0 auto;
    }

    .arm-lk-settings-page .arm-upload-actions {
        flex-direction: column;
    }

    .arm-lk-settings-page .arm-upload-actions .btn {
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    .arm-lk-settings-page .arm-settings-heading {
        padding: 16px;
    }

    .arm-lk-settings-page .arm-notice-info {
        align-items: flex-start;
    }

    .arm-lk-settings-page .arm-notice-table td {
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    .arm-lk-settings-page .arm-notice-switch {
        width: 58px !important;
        padding-left: 9px !important;
    }
}


/* ==========================================================
   ARM HOSTING — AUTHORIZATION HISTORY V2
   Scoped: .arm-lk-auth-history-page
   ========================================================== */

.arm-lk-auth-history-page {
    width: 100%;
}

.arm-lk-auth-history-page .arm-auth-history-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(75, 239, 128, .14);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(16, 26, 35, .97),
            rgba(8, 16, 24, .99)
        );
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .2),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.arm-lk-auth-history-page .arm-auth-history-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(75, 239, 128, .48),
            transparent
        );
}

.arm-lk-auth-history-page .arm-auth-history-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 19px 21px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    background: rgba(255, 255, 255, .012);
}

.arm-lk-auth-history-page .arm-auth-history-heading-icon {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #4cf083;
    font-size: 18px;
    border: 1px solid rgba(76, 240, 131, .18);
    border-radius: 13px;
    background: rgba(76, 240, 131, .07);
}

.arm-lk-auth-history-page .arm-auth-history-heading-text {
    flex: 1;
    min-width: 0;
}

.arm-lk-auth-history-page .arm-auth-history-heading-text h2 {
    margin: 0 0 4px;
    color: #f0fff5;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.arm-lk-auth-history-page .arm-auth-history-heading-text p {
    margin: 0;
    color: rgba(210, 226, 218, .47);
    font-size: 11px;
    line-height: 1.5;
}

.arm-lk-auth-history-page .arm-auth-history-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    color: #54ef87;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid rgba(77, 239, 130, .17);
    border-radius: 10px;
    background: rgba(77, 239, 130, .055);
}

.arm-lk-auth-history-page .arm-auth-history-content {
    padding: 20px;
}

.arm-lk-auth-history-page .arm-auth-history-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
    padding: 13px 15px;
    border: 1px solid rgba(72, 151, 255, .13);
    border-radius: 12px;
    background: rgba(72, 151, 255, .035);
}

.arm-lk-auth-history-page .arm-auth-history-notice-icon {
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #76aaff;
    font-size: 16px;
    border: 1px solid rgba(118, 170, 255, .15);
    border-radius: 10px;
    background: rgba(118, 170, 255, .055);
}

.arm-lk-auth-history-page .arm-auth-history-notice strong {
    display: block;
    margin-bottom: 3px;
    color: rgba(239, 247, 255, .84);
    font-size: 11px;
    font-weight: 800;
}

.arm-lk-auth-history-page .arm-auth-history-notice span {
    display: block;
    color: rgba(207, 221, 234, .45);
    font-size: 10px;
    line-height: 1.55;
}

.arm-lk-auth-history-page .arm-auth-history-table-wrap {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 13px;
    background: rgba(3, 10, 16, .28);
}

.arm-lk-auth-history-page .arm-auth-history-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.arm-lk-auth-history-page .arm-auth-history-table,
.arm-lk-auth-history-page .arm-auth-history-table thead,
.arm-lk-auth-history-page .arm-auth-history-table tbody,
.arm-lk-auth-history-page .arm-auth-history-table tr,
.arm-lk-auth-history-page .arm-auth-history-table th,
.arm-lk-auth-history-page .arm-auth-history-table td {
    background: transparent !important;
}

.arm-lk-auth-history-page .arm-auth-history-table th {
    padding: 13px 16px !important;
    color: rgba(213, 229, 219, .48);
    font-size: 10px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .35px;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .065) !important;
    background: rgba(255, 255, 255, .018) !important;
}

.arm-lk-auth-history-page .arm-auth-history-table th i {
    margin-right: 6px;
    color: #4ce981;
}

.arm-lk-auth-history-page .arm-auth-history-table th.arm-auth-history-address {
    width: 23%;
}

.arm-lk-auth-history-page .arm-auth-history-table th.arm-auth-history-date {
    width: 24%;
}

.arm-lk-auth-history-page .arm-auth-history-table td {
    padding: 15px 16px !important;
    color: rgba(225, 238, 230, .73);
    font-size: 11px;
    vertical-align: middle;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}

.arm-lk-auth-history-page .arm-auth-history-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.arm-lk-auth-history-page .arm-auth-history-row {
    transition:
        background .18s ease,
        transform .18s ease;
}

.arm-lk-auth-history-page .arm-auth-history-row:hover {
    background: rgba(76, 240, 131, .025) !important;
}

.arm-lk-auth-history-page .arm-auth-browser {
    display: flex;
    align-items: center;
    gap: 11px;
}

.arm-lk-auth-history-page .arm-auth-browser-icon {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #4ced82;
    font-size: 15px;
    border: 1px solid rgba(76, 237, 130, .14);
    border-radius: 11px;
    background: rgba(76, 237, 130, .055);
}

.arm-lk-auth-history-page .arm-auth-browser-info strong {
    display: block;
    margin-bottom: 5px;
    color: rgba(241, 251, 244, .88);
    font-size: 11px;
    font-weight: 800;
}

.arm-lk-auth-history-page .arm-auth-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(93, 236, 140, .67);
    font-size: 9px;
    font-weight: 700;
    text-decoration: none !important;
    transition: color .18s ease;
}

.arm-lk-auth-history-page .arm-auth-more:hover {
    color: #67f293;
}

.arm-lk-auth-history-page .arm-auth-location {
    display: flex;
    align-items: center;
    gap: 9px;
}

.arm-lk-auth-history-page .arm-auth-flag {
    display: block;
    width: 25px;
    height: auto;
    max-height: 18px;
    object-fit: contain;
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

.arm-lk-auth-history-page .arm-auth-location strong {
    display: block;
    margin-bottom: 3px;
    color: rgba(237, 248, 241, .82);
    font-size: 10px;
    font-weight: 800;
}

.arm-lk-auth-history-page .arm-auth-location span {
    display: block;
    color: rgba(200, 217, 206, .4);
    font-size: 9px;
}

.arm-lk-auth-history-page .arm-auth-date-value {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(219, 233, 223, .62);
    font-size: 10px;
    white-space: nowrap;
}

.arm-lk-auth-history-page .arm-auth-date-value i {
    color: rgba(76, 237, 130, .65);
}

@media (max-width: 760px) {
    .arm-lk-auth-history-page .arm-auth-history-heading {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .arm-lk-auth-history-page .arm-auth-history-status {
        margin-left: 56px;
    }

    .arm-lk-auth-history-page .arm-auth-history-table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .arm-lk-auth-history-page .arm-auth-history-table,
    .arm-lk-auth-history-page .arm-auth-history-table tbody,
    .arm-lk-auth-history-page .arm-auth-history-table tr,
    .arm-lk-auth-history-page .arm-auth-history-table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .arm-lk-auth-history-page .arm-auth-history-table thead {
        display: none;
    }

    .arm-lk-auth-history-page .arm-auth-history-row {
        margin-bottom: 12px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .065);
        border-radius: 12px;
        background: rgba(3, 10, 16, .3) !important;
    }

    .arm-lk-auth-history-page .arm-auth-history-row:last-child {
        margin-bottom: 0;
    }

    .arm-lk-auth-history-page .arm-auth-history-table td {
        position: relative;
        min-height: 54px;
        padding: 14px 14px 14px 108px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    }

    .arm-lk-auth-history-page .arm-auth-history-table td::before {
        content: attr(data-label);
        position: absolute;
        top: 17px;
        left: 14px;
        width: 82px;
        color: rgba(201, 218, 206, .38);
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: .3px;
    }

    .arm-lk-auth-history-page .arm-auth-history-table td:last-child {
        border-bottom: 0 !important;
    }
}

@media (max-width: 520px) {
    .arm-lk-auth-history-page .arm-auth-history-content {
        padding: 15px;
    }

    .arm-lk-auth-history-page .arm-auth-history-heading {
        padding: 16px;
    }

    .arm-lk-auth-history-page .arm-auth-history-status {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .arm-lk-auth-history-page .arm-auth-history-notice {
        align-items: flex-start;
    }

    .arm-lk-auth-history-page .arm-auth-history-table td {
        padding-left: 91px !important;
    }

    .arm-lk-auth-history-page .arm-auth-history-table td::before {
        width: 68px;
    }
}


/* ==========================================================
   ARM HOSTING — OPERATIONS HISTORY V2
   Scoped: .arm-lk-operations-page
   ========================================================== */

.arm-lk-operations-page {
    width: 100%;
}

.arm-lk-operations-page .arm-operations-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(75, 239, 128, .14);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(16, 26, 35, .97),
            rgba(8, 16, 24, .99)
        );
    box-shadow:
        0 18px 45px rgba(0, 0, 0, .2),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.arm-lk-operations-page .arm-operations-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    right: 25px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(75, 239, 128, .48),
            transparent
        );
}

.arm-lk-operations-page .arm-operations-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 19px 21px;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    background: rgba(255, 255, 255, .012);
}

.arm-lk-operations-page .arm-operations-heading-icon {
    display: flex;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    color: #4cf083;
    font-size: 18px;
    border: 1px solid rgba(76, 240, 131, .18);
    border-radius: 13px;
    background: rgba(76, 240, 131, .07);
}

.arm-lk-operations-page .arm-operations-heading-text {
    flex: 1;
    min-width: 0;
}

.arm-lk-operations-page .arm-operations-heading-text h2 {
    margin: 0 0 4px;
    color: #f0fff5;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.arm-lk-operations-page .arm-operations-heading-text p {
    margin: 0;
    color: rgba(210, 226, 218, .47);
    font-size: 11px;
    line-height: 1.5;
}

.arm-lk-operations-page .arm-operations-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 0 12px;
    color: #54ef87;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    border: 1px solid rgba(77, 239, 130, .17);
    border-radius: 10px;
    background: rgba(77, 239, 130, .055);
}

.arm-lk-operations-page .arm-operations-content {
    padding: 20px;
}

.arm-lk-operations-page .arm-operations-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 17px;
    padding: 13px 15px;
    border: 1px solid rgba(72, 151, 255, .13);
    border-radius: 12px;
    background: rgba(72, 151, 255, .035);
}

.arm-lk-operations-page .arm-operations-notice-icon {
    display: flex;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #76aaff;
    font-size: 16px;
    border: 1px solid rgba(118, 170, 255, .15);
    border-radius: 10px;
    background: rgba(118, 170, 255, .055);
}

.arm-lk-operations-page .arm-operations-notice strong {
    display: block;
    margin-bottom: 3px;
    color: rgba(239, 247, 255, .84);
    font-size: 11px;
    font-weight: 800;
}

.arm-lk-operations-page .arm-operations-notice span {
    display: block;
    color: rgba(207, 221, 234, .45);
    font-size: 10px;
    line-height: 1.55;
}

.arm-lk-operations-page .arm-operations-list-wrap {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 13px;
    background: rgba(3, 10, 16, .28);
}

.arm-lk-operations-page .arm-operations-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
}

.arm-lk-operations-page .arm-operations-table,
.arm-lk-operations-page .arm-operations-table tbody,
.arm-lk-operations-page .arm-operations-table tr,
.arm-lk-operations-page .arm-operations-table td {
    border: 0 !important;
    background: transparent !important;
}

.arm-lk-operations-page .arm-operations-table td {
    padding: 0 !important;
}

.arm-lk-operations-page .arm-operation-row {
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}

.arm-lk-operations-page .arm-operation-row:last-child {
    border-bottom: 0 !important;
}

.arm-lk-operations-page .arm-operation-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 18px;
    transition: background .18s ease;
}

.arm-lk-operations-page .arm-operation-item:hover {
    background: rgba(76, 240, 131, .025);
}

.arm-lk-operations-page .arm-operation-icon {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #4ced82;
    font-size: 15px;
    border: 1px solid rgba(76, 237, 130, .14);
    border-radius: 11px;
    background: rgba(76, 237, 130, .055);
}

.arm-lk-operations-page .arm-operation-body {
    flex: 1;
    min-width: 0;
}

.arm-lk-operations-page .arm-operation-text {
    color: rgba(237, 248, 241, .8);
    font-size: 11px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.arm-lk-operations-page .arm-operation-text a {
    color: #59ee8a;
    text-decoration: none;
}

.arm-lk-operations-page .arm-operation-text b,
.arm-lk-operations-page .arm-operation-text strong {
    color: #f2fff6;
}

.arm-lk-operations-page .arm-operation-date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 8px;
    color: rgba(199, 216, 205, .4);
    font-size: 9px;
}

.arm-lk-operations-page .arm-operation-date i {
    margin-right: 2px;
    color: rgba(76, 237, 130, .65);
}

.arm-lk-operations-page .arm-operation-date strong {
    color: rgba(214, 231, 220, .62);
    font-weight: 700;
}

.arm-lk-operations-page .arm-operation-date span {
    color: rgba(199, 216, 205, .4);
}

@media (max-width: 720px) {
    .arm-lk-operations-page .arm-operations-heading {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .arm-lk-operations-page .arm-operations-badge {
        margin-left: 56px;
    }
}

@media (max-width: 520px) {
    .arm-lk-operations-page .arm-operations-content {
        padding: 15px;
    }

    .arm-lk-operations-page .arm-operations-heading {
        padding: 16px;
    }

    .arm-lk-operations-page .arm-operations-badge {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .arm-lk-operations-page .arm-operations-notice {
        align-items: flex-start;
    }

    .arm-lk-operations-page .arm-operation-item {
        padding: 15px 13px;
    }
}


/* ==========================================================
   ARM HOSTING — SECURITY PAGE V2 FINAL
   Scoped: .arm-lk-security-page
   ========================================================== */

.arm-lk-security-page {
    display: flex;
    flex-direction: column;
    gap: 17px;
    width: 100%;
}

.arm-lk-security-page > .space {
    display: none;
}

.arm-lk-security-page .hblock_content {
    margin: 0 !important;
    padding: 14px 16px !important;
    color: rgba(239, 251, 243, .86);
    font-size: 13px;
    font-weight: 800;
    border: 1px solid rgba(72, 238, 126, .13);
    border-left: 3px solid #45ed7d;
    border-radius: 12px;
    background:
        linear-gradient(
            90deg,
            rgba(68, 237, 124, .045),
            rgba(13, 24, 33, .96)
        );
}

.arm-lk-security-page .block_content {
    overflow: hidden;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(73, 238, 126, .13);
    border-radius: 16px;
    background:
        linear-gradient(
            145deg,
            rgba(16, 26, 35, .97),
            rgba(8, 16, 24, .99)
        );
    box-shadow:
        0 14px 35px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.arm-lk-security-page .block_content table {
    width: 100%;
    margin: 0 !important;
    border-collapse: collapse;
}

.arm-lk-security-page .block_content table,
.arm-lk-security-page .block_content tbody,
.arm-lk-security-page .block_content tr,
.arm-lk-security-page .block_content td {
    background: transparent !important;
}

.arm-lk-security-page .block_content td {
    color: rgba(224, 238, 228, .7);
    font-size: 11px;
    border-color: rgba(255, 255, 255, .055) !important;
}

.arm-lk-security-page .block_content > table > tbody > tr > td:first-child {
    min-width: 235px;
    padding: 0 16px 0 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .055) !important;
}

.arm-lk-security-page .block_content > table > tbody > tr > td:last-child {
    padding-left: 16px !important;
}

.arm-lk-security-page input {
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    box-sizing: border-box;
    color: rgba(240, 251, 244, .85) !important;
    outline: none !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 10px !important;
    background: rgba(3, 10, 16, .55) !important;
}

.arm-lk-security-page input:focus {
    border-color: rgba(74, 237, 127, .65) !important;
    box-shadow: 0 0 0 3px rgba(74, 237, 127, .08) !important;
}

.arm-lk-security-page .btn,
.arm-lk-security-page button {
    border-radius: 10px !important;
}

.arm-lk-security-page .btn-max {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    min-height: 34px;
    box-sizing: border-box;
    white-space: nowrap;
}

.arm-lk-security-page .btn-success {
    color: #07130b !important;
    background:
        linear-gradient(135deg, #6cff99, #2dd56b) !important;
}

.arm-lk-security-page .btn-error {
    border-radius: 10px !important;
}

.arm-lk-security-page .informer {
    padding: 12px 14px !important;
    color: rgba(224, 238, 228, .66) !important;
    line-height: 1.55;
    border: 1px solid rgba(74, 151, 255, .16) !important;
    border-radius: 12px !important;
    background: rgba(74, 151, 255, .045) !important;
}

.arm-lk-security-page #whois {
    min-height: 55px;
    padding: 15px !important;
    color: rgba(211, 228, 216, .5);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 12px;
    background: rgba(255, 255, 255, .025) !important;
}

.arm-lk-security-page .block_content td .btn:not(.btn-max) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0 !important;
    color: rgba(226, 240, 230, .74);
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(255, 255, 255, .035) !important;
}

.arm-lk-security-page .block_content > table > tbody > tr > td:first-child table tr {
    border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.arm-lk-security-page .block_content > table > tbody > tr > td:first-child table tr:last-child {
    border-bottom: 0;
}

.arm-lk-security-page .block_content > table > tbody > tr > td:first-child table td {
    padding: 6px 3px !important;
}

@media (max-width: 850px) {
    .arm-lk-security-page .block_content > table,
    .arm-lk-security-page .block_content > table > tbody,
    .arm-lk-security-page .block_content > table > tbody > tr,
    .arm-lk-security-page .block_content > table > tbody > tr > td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .arm-lk-security-page .block_content > table > tbody > tr > td:first-child {
        min-width: 0;
        padding: 0 0 14px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    }

    .arm-lk-security-page .block_content > table > tbody > tr > td:last-child {
        padding: 14px 0 0 !important;
    }
}

@media (max-width: 560px) {
    .arm-lk-security-page .block_content {
        padding: 11px !important;
    }

    .arm-lk-security-page .block_content table table tr {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 7px;
    }

    .arm-lk-security-page .block_content table table td {
        width: auto !important;
        box-sizing: border-box;
    }

    .arm-lk-security-page .block_content table table td:last-child {
        grid-column: 1 / -1;
    }

    .arm-lk-security-page .btn-max {
        width: 100% !important;
    }
}