:root {
    --sainet-red: #E62B27; --sainet-red-dark: #C82320; --sainet-text: #20242A; --sainet-muted: #667085; --sainet-border: #E3E7EC; --sainet-background: #F5F6F8; --sainet-white: #FFFFFF;
}
* { box-sizing: border-box;
}
html { font-family: Inter, Arial, sans-serif; color: var(--sainet-text); background: var(--sainet-background);
}
body { margin: 0; background: var(--sainet-background); line-height: 1.65;
}
.page { width: min(900px, calc(100% - 32px)); margin: 48px auto;
}
.card { padding: 48px; background: var(--sainet-white); border: 1px solid var(--sainet-border); border-radius: 18px; box-shadow: 0 8px 28px rgba(16, 24, 40, 0.06);
}
.brand { margin-bottom: 32px; color: var(--sainet-red); font-size: 21px; font-weight: 700; text-decoration: none;
}
h1 { margin: 0 0 32px; font-size: 36px; line-height: 1.2;
}
h2 { margin-top: 32px; font-size: 20px;
}
p { margin: 0 0 16px;
}
a { color: var(--sainet-red);
}
a:hover { color: var(--sainet-red-dark);
}
.legal-nav { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--sainet-border);
}
.legal-nav a { text-decoration: none; font-weight: 600;
}
.back { display: inline-block; margin-top: 30px; text-decoration: none;
}
@media (max-width: 600px) { .page { margin: 20px auto;
    }
    .card { padding: 28px 22px; border-radius: 14px;
    }
    h1 { font-size: 30px;
    }
}