@import url("/assets/fonts/manrope/manrope.css");

:root {
    --legal-bg-1: #050b15;
    --legal-bg-2: #08111f;
    --legal-card: rgba(14, 27, 48, .86);
    --legal-border: rgba(148, 163, 184, .16);
    --legal-text: #e7eefb;
    --legal-soft: #9babc1;
    --legal-blue: #2563eb;
    --legal-cyan: #38bdf8;
}

* {
    box-sizing: border-box;
}

.legal-body {
    margin: 0;
    min-height: 100vh;
    font-family: "Manrope", "Segoe UI", Arial, sans-serif;
    color: var(--legal-text);
    background:
        radial-gradient(circle at 12% 12%, rgba(37, 99, 235, .26), transparent 30rem),
        radial-gradient(circle at 88% 22%, rgba(6, 182, 212, .15), transparent 28rem),
        linear-gradient(135deg, var(--legal-bg-1), var(--legal-bg-2));
    -webkit-font-smoothing: antialiased;
}

.legal-page {
    width: min(920px, calc(100% - 32px));
    margin: 0 auto;
    padding: 42px 0;
}

.legal-back {
    display: inline-flex;
    margin-bottom: 18px;
    color: var(--legal-cyan);
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
}

.legal-card {
    border: 1px solid var(--legal-border);
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(56, 189, 248, .10), transparent 18rem),
        var(--legal-card);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .32);
    backdrop-filter: blur(24px);
    padding: clamp(24px, 4vw, 42px);
}

.legal-card > * {
    max-width: 780px;
}

.legal-card > span {
    display: inline-flex;
    color: var(--legal-cyan);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
    margin-bottom: 12px;
}

.legal-card h1 {
    margin: 0 0 18px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.05;
}

.legal-card h2 {
    margin: 28px 0 8px;
    font-size: 19px;
}

.legal-card p {
    margin: 0 0 10px;
    color: var(--legal-soft);
    line-height: 1.65;
    font-size: 15px;
}

.legal-card p:last-child {
    margin-bottom: 0;
}