body{
    margin:0;
    padding:0;
    font-family:Poppins, sans-serif;
    background:#0f0f0f;
    color:white;
    overflow:hidden;
}

/* tło glitch / glow */
.maintenance{
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:
        radial-gradient(circle at 20% 20%, rgba(150,0,0,.25), transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(255,255,255,.05), transparent 45%),
        linear-gradient(180deg,#050505,#111);
}

/* box główny */
.box{
    text-align:center;
    padding:40px;
    border:1px solid rgba(150,0,0,.4);
    border-radius:20px;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    box-shadow:0 0 40px rgba(150,0,0,.15);
    animation: pop .6s ease;
    max-width:500px;
}

/* logo */
.logo{
    width:300px;
    margin-bottom:20px;
    filter: drop-shadow(0 0 10px rgba(150,0,0,.5));
}

/* tytuł */
.box h1{
    font-size:40px;
    margin-bottom:10px;
    letter-spacing:2px;
}

/* opis */
.box p{
    color:#ccc;
    font-size:18px;
}

/* odliczanie */
#timer{
    font-size:28px;
    margin-top:20px;
    color:#ff3b3b;
    font-weight:bold;
    letter-spacing:1px;
}

/* licznik powrotu */
#backCounter{
    margin-top:10px;
    font-size:16px;
    color:#aaa;
}

/* animka wejścia */
@keyframes pop{
    from{
        transform:scale(.9);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}