/* -----------------------------------
   New (get access button)
----------------------------------- */
#Navigation_getaccess {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 25px;
    font-weight: 700;
    color: white;
    padding:
        16px 34px;
    border:
        2px solid rgba(140,255,140,0.85);
    border-radius: 10px;
    background:
        linear-gradient(
            180deg,
            rgba(28,28,28,0.96),
            rgba(12,12,12,0.98)
        );
    box-shadow:
        0 0 18px rgba(120,255,120,0.28),
        0 0 34px rgba(120,255,120,0.14),
        inset 0 1px 0 rgba(255,255,255,0.08);
    overflow: visible !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease,
        filter 0.18s ease;
    animation:
        mj-getaccess-pulse 1.8s infinite ease-in-out;
}

/* Hover gives a satisfying "alive" feel */
#Navigation_getaccess:hover {
    transform:
        translateY(-2px)
        scale(1.02);
    filter: brightness(1.06);

    box-shadow:
        0 0 24px rgba(120,255,120,0.38),
        0 0 52px rgba(120,255,120,0.22),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

/* Main glow pulse */
@keyframes mj-getaccess-pulse {

    0% {
        box-shadow:
            0 0 16px rgba(120,255,120,0.24),
            0 0 30px rgba(120,255,120,0.10),
            inset 0 1px 0 rgba(255,255,255,0.08);
    }

    50% {
        box-shadow:
            0 0 24px rgba(120,255,120,0.40),
            0 0 54px rgba(120,255,120,0.20),
            inset 0 1px 0 rgba(255,255,255,0.12);
    }

    100% {
        box-shadow:
            0 0 16px rgba(120,255,120,0.24),
            0 0 30px rgba(120,255,120,0.10),
            inset 0 1px 0 rgba(255,255,255,0.08);
    }
}

/* -----------------------------------
   New Diag Box (Modal)
----------------------------------- */
#mj-modal-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition:
        opacity 200ms ease;
    z-index: 999999;
}

#mj-modal-overlay.open {
    opacity: 1;
}

#mj-new-modal {
    position: relative;
    width: 720px;
    background:
        linear-gradient(
            180deg,
            #1f1f1f,
            #171717
        );
    border-radius: 24px;
    box-shadow:
        0 30px 90px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.05);
    overflow: hidden;
    transform:
        translateY(18px)
        scale(0.96);
    opacity: 0;
    transition:
        transform 200ms cubic-bezier(.2,.8,.2,1),
        opacity 200ms ease;
}

#mj-new-modal.open {
    transform:
        translateY(0)
        scale(0.80);
    opacity: 1;
}

/* -----------------------------------
   New Diag Box (Text)
----------------------------------- */
.new-access-box {
    padding:
        38px 42px 34px 42px;
    background:
        linear-gradient(
            180deg,
            #1f1f1f,
            #171717
        );
    color: white;
    border-radius: 18px;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

.new-access-kicker {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    color:
        rgba(120,255,120,0.85);
    margin-bottom: 18px;
}

.new-access-title {
    font-size: 42px;
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 24px;
    color: white;
}

.new-access-text {
    font-size: 22px;
    line-height: 1.65;
    color:
        rgba(255,255,255,0.82);
    max-width: 760px;
}

.new-access-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 36px;
}

/* -----------------------------------
   New Diag Box (HEADER)
----------------------------------- */
.mj-new-header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding:
        18px 24px;

    background:
        rgba(0,0,0,0.08);

    border-bottom:
        1px solid rgba(255,255,255,0.08);
}

.mj-new-title {
    font-size: 28px;
    font-weight: 800;

    color: white;
}

.mj-new-close {
    position: absolute;
    top: 20px;
    right: 22px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
    color:
        rgba(255,255,255,0.58);
    cursor: pointer;
    transition:
        background 160ms ease,
        color 160ms ease,
        transform 160ms ease;
    z-index: 10;
}

.mj-new-close:hover {
    background:
        rgba(255,255,255,0.08);

    color: white;
    transform: scale(1.06);
}