.maintenance-v2 {

    min-height: 100vh;

    background: #060606;

    position: relative;

    overflow: hidden;

    padding: 80px 20px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.maintenance-v2__bg {

    position: absolute;

    inset: 0;

    background:
    radial-gradient(circle at 20% 20%,
    rgba(210,243,65,.15),
    transparent 35%),

    radial-gradient(circle at 80% 80%,
    rgba(210,243,65,.08),
    transparent 40%);
}

.maintenance-v2__container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1200px;

    text-align: center;
}

.status-pill {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 10px 18px;

    border-radius: 999px;

    color: #d2f341;

    background: rgba(210,243,65,.08);

    border: 1px solid rgba(210,243,65,.15);
}

.status-dot {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #d2f341;

    animation: pulse 2s infinite;
}

@keyframes pulse {

    0% {

        box-shadow: 0 0 0 0 rgba(210,243,65,.5);
    }

    70% {

        box-shadow: 0 0 0 12px rgba(210,243,65,0);
    }

    100% {

        box-shadow: 0 0 0 0 rgba(210,243,65,0);
    }
}

.maintenance-v2__title {

    color: #fff;

    font-size: 64px;

    font-weight: 900;

    margin-top: 30px;

    margin-bottom: 20px;
}

.maintenance-v2__subtitle {

    max-width: 750px;

    margin: auto;

    color: #a7a7a7;

    line-height: 2;

    font-size: 18px;
}

.countdown-grid {

    margin-top: 50px;

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 20px;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;
}

.countdown-item {

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

    border: 1px solid rgba(210,243,65,.12);

    border-radius: 24px;

    padding: 30px;

    backdrop-filter: blur(14px);
}

.countdown-item span {

    display: block;

    color: #d2f341;

    font-size: 48px;

    font-weight: 900;
}

.countdown-item small {

    color: #888;
}

.release-card {

    margin-top: 40px;

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

    border: 1px solid rgba(210,243,65,.12);

    border-radius: 28px;

    padding: 30px;
}

.release-card__header {

    display: flex;

    justify-content: center;

    gap: 15px;

    align-items: center;

    flex-wrap: wrap;
}

.release-badge {

    padding: 6px 14px;

    border-radius: 999px;

    background: rgba(255,170,0,.12);

    border: 1px solid rgba(255,170,0,.25);

    color: #ffb347;

    font-size: 12px;

    font-weight: 700;
}

.release-card h2 {

    color: #fff;

    margin: 0;
}

.release-card p {

    color: #a7a7a7;

    margin-top: 15px;
}

.maintenance-grid {

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 25px;

    margin-top: 30px;
}

.maintenance-panel {

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

    border: 1px solid rgba(210,243,65,.12);

    border-radius: 24px;

    padding: 28px;

    text-align: right;
}

.maintenance-panel h3 {

    color: #d2f341;

    margin-bottom: 20px;
}

.maintenance-panel ul {

    list-style: none;

    padding: 0;

    margin: 0;
}

.maintenance-panel li {

    position: relative;

    padding-right: 26px;

    margin-bottom: 14px;

    color: #ddd;
}

.maintenance-panel li::before {

    content: "✓";

    position: absolute;

    right: 0;

    color: #d2f341;
}

.maintenance-panel p {

    color: #cfcfcf;

    line-height: 2;
}

.maintenance-footer {

    margin-top: 40px;

    color: #666;
}

@media (max-width: 992px) {

    .maintenance-grid {

        grid-template-columns: 1fr;
    }

    .countdown-grid {

        grid-template-columns: repeat(2,1fr);
    }

    .maintenance-v2__title {

        font-size: 42px;
    }
}

@media (max-width: 576px) {

    .maintenance-v2 {

        padding: 40px 15px;
    }

    .countdown-item {

        padding: 20px;
    }

    .countdown-item span {

        font-size: 32px;
    }

    .maintenance-v2__title {

        font-size: 32px;
    }

    .maintenance-v2__subtitle {

        font-size: 15px;
    }
}