@font-face { font-family: Manrope; src: url(../fonts/manrope-400.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Manrope; src: url(../fonts/manrope-700.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Manrope; src: url(../fonts/manrope-800.woff2) format('woff2'); font-weight: 800; font-display: swap; }

:root {
  --ink: #f2f4fb;
  --ink-2: #b7bdd1;
  --ink-3: #8189a1;
  --accent-lift: #4d7dff;
  --accent-core: #1b3bf0;
  --accent-edge: #1e42f7;
  --bg: #07080f;
  --line: rgba(226,236,255,.13);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Manrope, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: '';
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(58vw 46vw at 22% 18%, rgba(96,130,235,.10), rgba(96,130,235,0) 70%),
    radial-gradient(52vw 42vw at 82% 62%, rgba(96,130,235,.085), rgba(96,130,235,0) 70%),
    radial-gradient(60vw 48vw at 46% 104%, rgba(96,130,235,.07), rgba(96,130,235,0) 70%);
}

.container { max-width: 1240px; margin: 0 auto; padding: 0 clamp(18px, 5vw, 56px); }

.legal-header {
  position: relative; z-index: 2;
  border-bottom: 1px solid var(--line);
  background: rgba(7,8,15,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.legal-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; height: clamp(60px, 7vw, 76px); }
.legal-logo { font-size: 17px; font-weight: 800; letter-spacing: .04em; color: var(--ink); text-decoration: none; }
.legal-logo__dot { color: var(--accent-lift); }
.legal-cta {
  padding: 10px 18px; border-radius: 100px;
  font-size: 13px; font-weight: 700; color: #fff; text-decoration: none;
  background: linear-gradient(180deg, var(--accent-edge), var(--accent-core));
  box-shadow: 0 8px 20px rgba(27,59,240,.30), inset 0 1px 0 rgba(255,255,255,.22);
}

.legal-main { position: relative; z-index: 1; padding: clamp(30px, 5vw, 64px) 0 clamp(56px, 8vw, 100px); }

.legal__inner { max-width: 800px; margin: 0 auto; }

.legal-hero {
  position: relative; z-index: 2;
  margin: 0;
  padding: clamp(22px, 3vw, 38px) clamp(20px, 2.8vw, 40px) clamp(38px, 4.4vw, 58px);
  border-radius: clamp(18px, 2.4vw, 24px);
  background:
    linear-gradient(180deg, rgba(150,180,255,.050), rgba(120,150,255,.105)),
    linear-gradient(180deg, rgba(9,12,24,.90) 0%, rgba(9,12,24,.90) 70%, rgba(9,12,24,.66) 100%);
  box-shadow:
    inset 0 0 0 1.2px rgba(226,236,255,.42),
    inset 0 14px 20px -14px rgba(233,241,255,.26),
    inset 0 -16px 22px -16px rgba(170,200,255,.16),
    0 18px 44px rgba(0,0,0,.34);
}
.legal-eyebrow { display: block; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--accent-lift); }
.legal-hero h1 { margin: 14px 0 0; font-size: clamp(25px, 1.6vw + 19px, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -.03em; color: var(--ink); }
.legal-meta { margin: 14px 0 0; font-size: clamp(12.5px, .24vw + 11.6px, 14px); color: var(--ink-2); }
.legal-home { display: inline-block; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: var(--accent-lift); text-decoration: none; }

.legal-content {
  position: relative; z-index: 1;
  margin-top: clamp(-34px, -2.4vw, -22px);
  padding: clamp(9px, 1.1vw, 14px);
  border-radius: clamp(18px, 2.4vw, 24px);
  background:
    linear-gradient(180deg, rgba(150,180,255,.050), rgba(120,150,255,.105)),
    rgba(10,13,26,.84);
  box-shadow:
    inset 0 0 0 1.2px rgba(226,236,255,.38),
    inset 0 16px 22px -16px rgba(233,241,255,.22),
    inset 0 -16px 22px -16px rgba(170,200,255,.16),
    0 26px 64px rgba(0,0,0,.42);
}

.legal-sheet {
  position: relative;
  border-radius: clamp(6px, .9vw, 10px);
  padding: clamp(22px, 2.8vw, 40px) clamp(18px, 2.6vw, 42px) clamp(26px, 3.2vw, 46px);
  background: linear-gradient(178deg, rgba(233,240,255,.97) 0%, rgba(212,226,251,.94) 100%);
  box-shadow: 0 8px 20px rgba(0,0,0,.34);
  color: #1d2743;
}

.legal-sheet h2 {
  margin: clamp(30px, 3.4vw, 44px) 0 14px;
  font-size: clamp(17.5px, .62vw + 15.4px, 22px); line-height: 1.24; font-weight: 800; letter-spacing: -.02em;
  color: #101a31;
}
.legal-sheet h2:first-child { margin-top: 0; }
.legal-sheet h3 { margin: 24px 0 10px; font-size: clamp(15px, .38vw + 13.5px, 17.5px); font-weight: 700; color: #101a31; }
.legal-sheet p { margin: 0 0 13px; font-size: clamp(14px, .34vw + 12.5px, 16.5px); line-height: 1.66; color: #1d2743; }
.legal-sheet strong { font-weight: 700; color: #101a31; }
.legal-sheet ul, .legal-sheet ol { margin: 0 0 15px; padding-left: 22px; }
.legal-sheet li { margin-bottom: 9px; font-size: clamp(14px, .34vw + 12.5px, 16.5px); line-height: 1.64; color: #1d2743; }
.legal-sheet li::marker { color: #142a91; }
.legal-sheet a { color: #142a91; text-decoration: none; box-shadow: inset 0 -1px 0 rgba(20,42,145,.42); }

.legal-table-wrap {
  overflow-x: auto;
  margin: 0 0 16px;
  background:
    linear-gradient(90deg, rgb(229,237,254) 40%, rgba(229,237,254,0)) left / 22px 100% no-repeat local,
    linear-gradient(90deg, rgba(229,237,254,0), rgb(229,237,254) 60%) right / 22px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%, rgba(22,32,58,.17), rgba(22,32,58,0)) left / 11px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%, rgba(22,32,58,.17), rgba(22,32,58,0)) right / 11px 100% no-repeat scroll;
}
.legal-sheet table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: clamp(13px, .28vw + 11.9px, 15px); }
.legal-sheet th, .legal-sheet td { padding: 11px 13px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(22,32,58,.20); color: #1d2743; line-height: 1.55; }
.legal-sheet th { font-weight: 700; color: #101a31; background: rgba(22,32,58,.065); }

.legal-footer { position: relative; z-index: 1; padding: clamp(40px, 5vw, 64px) 0 clamp(24px, 3vw, 34px); border-top: 1px solid var(--line); }
.legal-footer__inner { display: grid; grid-template-columns: 1fr; gap: clamp(26px, 4vw, 52px); padding-bottom: clamp(26px, 3.4vw, 44px); border-bottom: 1px solid var(--line); }
@media (min-width: 760px) { .legal-footer__inner { grid-template-columns: 1.6fr 1fr 1fr; } }
.legal-footer__slogan { margin: 16px 0 0; max-width: 320px; font-size: 13.5px; line-height: 1.58; color: var(--ink-3); }
.legal-footer__links { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.legal-footer__col-title { margin-bottom: 6px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); }
.legal-footer__links a { font-size: 13.5px; color: var(--ink-2); text-decoration: none; }
.legal-footer__mail { font-size: 16px !important; font-weight: 700; color: var(--ink) !important; }
.legal-footer__bottom { padding-top: clamp(18px, 2.4vw, 26px); font-size: 12px; color: var(--ink-3); }

@media (hover: hover) {
  .legal-footer__links a:hover, .legal-home:hover { color: var(--ink); }
}