/* Força o fundo escurecido com o wallpaper em TODA a página (acaba com as bordas azuis) */
html, body, #__next {
    background: linear-gradient(rgba(10, 10, 10, 0.75), rgba(10, 10, 10, 0.9)), url('https://images.alphacoders.com/134/1342371.png') !important;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh;
}

/* Alinhamento perfeito do Banner de Texto */
body::before {
    content: "████████████████████████████\A\A        LELE SERVER\A Minecraft • Oracle Cloud\A\A████████████████████████████";
    white-space: pre;
    display: block;
    width: fit-content;
    margin: 40px auto 20px auto;
    text-align: center;
    font-family: monospace;
    color: #4ade80;
    font-size: 1.2rem;
    line-height: 1.3;
    font-weight: bold;
    text-shadow: 0 0 12px rgba(74, 222, 128, 0.6);
}

/* Deixa as caixas com um efeito de vidro escuro elegante */
.services-group, .widget-container, .header-container {
    background: rgba(15, 15, 15, 0.65) !important;
    backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
}