* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: radial-gradient(circle at top right, rgba(31, 68, 114, 0.15), transparent 30%), #050a11;
    color: #f7f9ff;
    font-family: Inter, Arial, sans-serif;
}
.legal-site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 14px max(20px, calc((100% - 1040px) / 2));
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(5, 10, 17, 0.94);
    backdrop-filter: blur(16px);
}
.legal-brand { display: flex; align-items: center; gap: 10px; color: #f7f9ff; text-decoration: none; }
.legal-brand > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 11px; background: rgba(245, 197, 66, 0.12); }
.legal-brand strong, .legal-brand small { display: block; }
.legal-brand strong { font-size: 18px; }
.legal-brand small { margin-top: 3px; color: #68748e; font-size: 9px; }
.legal-site-header nav { display: flex; gap: 7px; }
.legal-site-header nav a { padding: 8px 10px; border-radius: 9px; color: #929eb8; font-size: 11px; font-weight: 800; text-decoration: none; }
.legal-site-header nav a:hover, .legal-site-header nav a.active { background: rgba(245, 197, 66, 0.1); color: #f5c542; }
.legal-page { width: min(900px, calc(100% - 28px)); margin: 0 auto; padding: 30px 0 55px; }
.legal-back { display: inline-block; margin-bottom: 17px; color: #8793ad; font-size: 11px; font-weight: 850; text-decoration: none; }
.legal-document {
    padding: clamp(20px, 4vw, 42px);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.018), transparent), #0a121c;
}
.legal-document-header { padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
.legal-document-header p { margin: 0 0 7px; color: #f5c542; font-size: 10px; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.legal-document-header h1 { margin: 0; font-size: clamp(32px, 5vw, 48px); letter-spacing: -0.045em; }
.legal-document-header span { display: block; margin-top: 10px; color: #68748e; font-size: 10px; }
.legal-document section { padding-top: 23px; }
.legal-document h2 { margin: 0; color: #f0f3fa; font-size: 18px; }
.legal-document p, .legal-document li { color: #909cb6; font-size: 13px; line-height: 1.7; }
.legal-document p { margin: 10px 0 0; }
.legal-document ul { margin: 10px 0 0; padding-left: 20px; }
.legal-document li + li { margin-top: 7px; }
.legal-document a { color: #f5c542; }
.legal-highlight, .legal-warning { margin-top: 22px; padding: 17px; border-radius: 13px; }
.legal-highlight { border: 1px solid rgba(245, 197, 66, 0.2); background: rgba(245, 197, 66, 0.055); }
.legal-warning { border: 1px solid rgba(255, 95, 99, 0.25); background: rgba(255, 95, 99, 0.07); }
.legal-highlight strong, .legal-warning strong { font-size: 15px; }
.legal-warning strong { color: #ff777a; }
.legal-highlight p, .legal-warning p { margin-top: 6px; }
.legal-site-footer { display: flex; justify-content: space-between; gap: 18px; padding: 20px max(20px, calc((100% - 900px) / 2)); border-top: 1px solid rgba(255, 255, 255, 0.06); color: #59657d; font-size: 9px; }
.legal-site-footer a { color: #78849c; text-decoration: none; }
@media (max-width: 680px) {
    .legal-site-header { align-items: flex-start; flex-direction: column; gap: 10px; }
    .legal-site-header nav { width: 100%; overflow-x: auto; }
    .legal-site-header nav a { flex: 0 0 auto; white-space: nowrap; }
    .legal-document { border-radius: 14px; }
    .legal-site-footer { align-items: flex-start; flex-direction: column; }
}