/* NoxVerse public/legal page visual layer.
   Loaded after styles.css, so it does not disturb the existing home page. */

html {
    background: #07031a;
}

body.legal-page {
    position: relative;
    min-height: 100vh;
    margin: 0;
    background:
            linear-gradient(rgba(5, 2, 24, 0.34), rgba(7, 3, 26, 0.68)),
            url('/nox-bg-auth.png') center top / cover fixed no-repeat,
            #07031a;
    overflow-x: hidden;
}

body.legal-page::before,
body.legal-page::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 0;
    border-radius: 50%;
    filter: blur(0.2px);
}

body.legal-page::before {
    width: 420px;
    height: 420px;
    top: 120px;
    left: -180px;
    background: radial-gradient(circle, rgba(120, 75, 220, 0.18), transparent 68%);
}

body.legal-page::after {
    width: 520px;
    height: 520px;
    right: -220px;
    bottom: -220px;
    background: radial-gradient(circle, rgba(112, 55, 205, 0.18), transparent 70%);
}

body.legal-page .site-header,
body.legal-page main,
body.legal-page footer {
    position: relative;
    z-index: 1;
}

body.legal-page .site-header {
    background: linear-gradient(
            180deg,
            rgba(7, 3, 27, 0.82),
            rgba(7, 3, 27, 0.28)
    );
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

body.legal-page .card {
    background:
            linear-gradient(
                    145deg,
                    rgba(29, 13, 69, 0.94),
                    rgba(19, 9, 49, 0.88)
            );
    border-color: rgba(170, 115, 255, 0.42);
    box-shadow:
            0 28px 90px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.025);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

body.legal-page a {
    text-underline-offset: 3px;
}

@media (max-width: 760px) {
    body.legal-page {
        background-position: 52% top;
        background-attachment: scroll;
    }

    body.legal-page .site-header {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }
}