.maintenance-page{
    width:100%;
}

.prep-hero{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
    gap:28px;
    padding:28px;
    overflow:hidden;
    position:relative;
    background:
        radial-gradient(circle at 18% 10%, rgba(161,92,255,.12), transparent 34%),
        radial-gradient(circle at 82% 88%, rgba(0,232,170,.10), transparent 34%),
        linear-gradient(135deg, rgba(10,18,38,.96), rgba(5,10,22,.98));
}

.prep-hero__content{
    position:relative;
    z-index:2;
}

.prep-brand{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:14px;
}

.prep-brand__logo{
    width:82px;
    height:82px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid rgba(128,240,255,.55);
    box-shadow:0 0 0 4px rgba(161,92,255,.10);
    overflow:hidden;
    background:rgba(10,18,34,.85);
}

.prep-brand__logo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.prep-brand__title{
    font-family:Verdana, Arial, sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:1.15;
    color:#ffffff;
}

.prep-brand__title span{
    color:#32f08a;
}

.prep-brand__subtitle{
    margin-top:6px;
    font-family:Verdana, Arial, sans-serif;
    font-size:13px;
    line-height:1.4;
    color:#9aabc2;
}

.prep-main-title{
    margin-top:20px;
    font-family:Verdana, Arial, sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:1.2;
    color:#ffffff;
    max-width:720px;
}

.prep-main-text{
    margin-top:16px;
    max-width:760px;
    font-family:Verdana, Arial, sans-serif;
    font-size:16px;
    line-height:1.72;
    color:#b8c6dc;
}

.prep-main-text strong{
    color:#ffffff;
    font-weight:700;
}

.prep-highlight{
    margin-top:22px;
    padding:14px 18px;
    border-radius:14px;
    border:1px solid rgba(0,232,170,.22);
    background:linear-gradient(135deg, rgba(8,30,28,.92), rgba(10,24,34,.94));
    font-family:Verdana, Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    color:#dbfff2;
    max-width:760px;
    box-shadow:0 0 24px rgba(0,232,170,.06);
}

.prep-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

.prep-hero__visual{
    position:relative;
    min-height:420px;
    border-radius:22px;
    border:1px solid rgba(64,85,125,.34);
    background:
        radial-gradient(circle at 50% 50%, rgba(161,92,255,.14), transparent 18%),
        radial-gradient(circle at 50% 50%, rgba(161,92,255,.08), transparent 35%),
        linear-gradient(180deg, rgba(5,11,25,.96), rgba(4,8,18,.98));
    overflow:hidden;
}

.prep-orbit{
    position:absolute;
    inset:0;
}

.prep-orbit::before,
.prep-orbit::after{
    content:"";
    position:absolute;
    inset:14% 10%;
    border-radius:50%;
    border:1px solid rgba(108,78,214,.16);
    box-shadow:0 0 60px rgba(108,78,214,.08);
}

.prep-orbit::after{
    inset:26% 20%;
    border-color:rgba(0,232,170,.10);
}

.prep-status-card{
    position:absolute;
    right:22px;
    bottom:22px;
    width:340px;
    padding:20px 22px 18px;
    border-radius:18px;
    border:1px solid rgba(64,85,125,.36);
    background:linear-gradient(180deg, rgba(9,16,34,.92), rgba(5,11,22,.96));
    box-shadow:0 16px 46px rgba(0,0,0,.30);
}

.prep-status-card__eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    font-family:Verdana, Arial, sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1.2;
    letter-spacing:.08em;
    color:#c7a0ff;
    text-transform:uppercase;
}

.prep-status-card__eyebrow i{
    width:14px;
    height:14px;
    color:#c7a0ff;
}

.prep-status-card__title{
    margin-top:10px;
    font-family:Verdana, Arial, sans-serif;
    font-size:28px;
    font-weight:700;
    line-height:1.08;
    color:#d6b1ff;
}

.prep-status-card__text{
    margin-top:10px;
    font-family:Verdana, Arial, sans-serif;
    font-size:15px;
    line-height:1.6;
    color:#aebbd0;
}

.prep-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-top:22px;
}

.prep-info-card{
    padding:22px;
}

.prep-feature-list{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:22px;
}

.prep-feature-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(56,76,110,.28);
    background:rgba(9,16,32,.44);
}

.prep-feature-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(161,92,255,.12);
    border:1px solid rgba(161,92,255,.18);
    color:#b987ff;
}

.prep-feature-icon i{
    width:19px;
    height:19px;
}

.prep-feature-title{
    font-family:Verdana, Arial, sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.3;
    color:#ffffff;
}

.prep-feature-text{
    margin-top:4px;
    font-family:Verdana, Arial, sans-serif;
    font-size:14px;
    line-height:1.6;
    color:#a6b5ca;
}

.prep-steps{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin-top:22px;
}

.prep-step{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(56,76,110,.28);
    background:rgba(9,16,32,.44);
}

.prep-step__index{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:Verdana, Arial, sans-serif;
    font-size:15px;
    font-weight:700;
    color:#ffffff;
    background:linear-gradient(135deg, rgba(108,61,255,.88), rgba(161,92,255,.88));
}

.prep-step__title{
    font-family:Verdana, Arial, sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.3;
    color:#ffffff;
}

.prep-step__text{
    margin-top:4px;
    font-family:Verdana, Arial, sans-serif;
    font-size:14px;
    line-height:1.6;
    color:#a6b5ca;
}

.prep-footer-card{
    margin-top:22px;
    padding:24px;
    text-align:center;
}

.prep-socials{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:22px;
}

.prep-dev-mode{
    margin-top:16px;
    font-family:Verdana, Arial, sans-serif;
    font-size:13px;
    line-height:1.4;
    color:#6f819a;
}

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

    .prep-hero__visual{
        min-height:320px;
    }

    .prep-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:760px){
    .prep-hero{
        padding:20px;
    }

    .prep-brand{
        align-items:flex-start;
    }

    .prep-brand__logo{
        width:68px;
        height:68px;
    }

    .prep-brand__title{
        font-size:24px;
    }

    .prep-main-title{
        font-size:24px;
    }

    .prep-main-text{
        font-size:15px;
    }

    .prep-status-card{
        position:relative;
        right:auto;
        bottom:auto;
        width:100%;
        margin:18px;
        margin-top:auto;
    }
}