.legal-page{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    background:
        radial-gradient(circle at 18% 0%, rgba(249,31,176,.22), transparent 28rem),
        radial-gradient(circle at 82% 8%, rgba(34,231,255,.13), transparent 24rem),
        linear-gradient(180deg, #050011 0%, #02050b 100%);
    color:#fff;
    font-family:var(--font-ui);
}

.legal-page .legal-wrap{
    flex:1;
    width:min(980px, calc(100% - 36px));
    margin:0 auto;
    padding:46px 0 70px;
}

.legal-page .legal-card{
    border:1px solid rgba(34,231,255,.20);
    border-radius:8px;
    background:
        radial-gradient(circle at 100% 0%, rgba(34,231,255,.11), transparent 32%),
        linear-gradient(135deg, rgba(12,6,28,.94), rgba(4,12,22,.92));
    box-shadow:0 24px 70px rgba(0,0,0,.52);
    padding:clamp(24px, 4vw, 40px);
}

.legal-page .legal-kicker{
    display:inline-flex;
    min-height:24px;
    align-items:center;
    padding:0 10px;
    border-radius:999px;
    background:rgba(34,231,255,.10);
    border:1px solid rgba(34,231,255,.30);
    color:#22e7ff;
    font-size:11px;
    font-weight:950;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.legal-page h1{
    margin:14px 0 14px;
    font-family:var(--font-display);
    font-size:clamp(38px, 7vw, 76px);
    line-height:.94;
    letter-spacing:0;
    text-shadow:0 10px 34px rgba(249,31,176,.34);
}

.legal-page h2{
    margin:32px 0 10px;
    color:#fff;
    font-family:var(--font-display);
    font-size:24px;
    line-height:1.05;
}

.legal-page p,
.legal-page li{
    color:#ded4f6;
    font-size:15px;
    line-height:1.7;
}

.legal-page ul{
    padding-left:20px;
}

.legal-page a{
    color:#8ff5ff;
    text-decoration:none;
    font-weight:850;
}

.legal-page a:hover{
    text-decoration:underline;
}

.legal-page .legal-notice{
    margin-top:18px;
    padding:15px 16px;
    border:1px solid rgba(34,231,255,.22);
    border-radius:8px;
    background:rgba(0,0,0,.28);
    color:#fff;
}

.legal-page .cookie-index{
    margin:4px 0 22px;
    padding:14px;
    border-radius:8px;
    border:1px solid rgba(34,231,255,.20);
    background:linear-gradient(135deg, rgba(34,231,255,.10), rgba(249,31,176,.08));
    color:#fff;
    font-size:14px;
    line-height:1.7;
}

.legal-page .cookie-index a{
    display:inline-flex;
    margin:2px 10px 2px 0;
}

.legal-page .tag{
    display:inline-flex;
    min-height:23px;
    align-items:center;
    margin:2px 0 8px;
    padding:0 9px;
    border-radius:999px;
    background:rgba(249,31,176,.16);
    border:1px solid rgba(249,31,176,.26);
    color:#ffd7f7;
    font-size:11px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.legal-page .back-top{
    margin-top:28px;
    font-size:14px;
}

.legal-page .cookie-footer-text{
    margin-top:16px;
    color:#bfb3e4;
    font-size:13px;
    line-height:1.55;
}

@media (max-width:680px){
    .legal-page .legal-wrap{
        width:min(100% - 24px, 980px);
        padding:28px 0 48px;
    }
}