@font-face {
    font-family: 'Google Sans Flex';
    src: url('../fonts/GoogleSansFlex-Regular-latin.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Google Sans Flex';
    src: url('../fonts/GoogleSansFlex-Bold-latin.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: #12121e;
    color: #e0e6ed;
    font-family: 'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.65;
}

.legal {
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 16px 64px;
}

.legal-home {
    display: inline-block;
    margin-bottom: 32px;
    color: #53fff4;
    font-weight: 700;
    text-decoration: none;
}

.legal-home:hover,
.legal-home:focus-visible { text-decoration: underline; }

h1 {
    margin: 0 0 8px;
    font-size: clamp(1.8rem, 5vw, 2.6rem);
    line-height: 1.15;
    color: #fff;
    text-shadow: 0 0 18px #53fff466;
}

h2 {
    margin: 36px 0 8px;
    font-size: 1.2rem;
    color: #53fff4;
}

.legal-updated { color: #aab4c3; font-size: .95rem; }

a { color: #53fff4; }
a:focus-visible { outline: 3px solid #53fff4; outline-offset: 3px; }

address { font-style: normal; }

.legal-links {
    margin-top: 48px;
    padding-top: 16px;
    border-top: 1px solid #53fff433;
    font-size: .95rem;
}