@font-face { font-family: "Poppins Local"; src: url("shared/fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Poppins Local"; src: url("shared/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
:root { --ink: #040b1c; --paper: #eef6fd; --cyan: #75fafc; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--ink); color: var(--paper); font: 500 16px/1.65 "Poppins Local", system-ui, sans-serif; }
.legal { max-width: 720px; margin: 0 auto; padding: 40px 20px 80px; }
.legal header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 56px; }
.legal header img { width: 150px; height: auto; display: block; }
.legal a { color: var(--cyan); }
h1 { font-size: clamp(32px, 6vw, 48px); line-height: 1.05; letter-spacing: -.03em; font-weight: 700; margin: 0 0 12px; }
h2 { font-size: 19px; line-height: 1.3; font-weight: 700; margin: 36px 0 8px; }
p, ul { margin: 0 0 12px; }
ul { padding-left: 20px; }
.meta { opacity: .65; font-size: 14px; margin-bottom: 32px; }
