:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #05070b; }
body { margin: 0; background: #05070b; color: #e9edf7; font-family: Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.legalHeader { min-height: 72px; padding: 0 max(20px, calc((100vw - 920px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(161,181,221,.16); }
.legalHeader strong { font-size: .76rem; letter-spacing: .1em; }
.legalHeader strong span { color: #13a8ff; }
.legalHeader a { color: #aeb8cb; font-size: .68rem; letter-spacing: .08em; text-decoration: none; }
.legalMain { width: min(calc(100% - 40px), 920px); margin: 0 auto; padding: 72px 0 110px; }
.legalMain > span { color: #13a8ff; font-size: .62rem; font-weight: 700; letter-spacing: .16em; }
h1 { max-width: 760px; margin: 18px 0 24px; font-size: clamp(2.7rem, 7vw, 5.8rem); line-height: .92; letter-spacing: -.055em; }
.updated { margin: 0 0 48px; color: #6f7b91; font-size: .76rem; }
section { padding: 27px 0; border-top: 1px solid rgba(161,181,221,.16); }
h2 { margin: 0 0 12px; font-size: 1.15rem; }
p, li { color: #a8b1c1; font-size: .92rem; line-height: 1.72; }
ul { margin: 12px 0 0; padding-left: 22px; }
.note { margin-top: 36px; padding: 20px; border: 1px solid rgba(19,168,255,.34); background: rgba(19,168,255,.06); }
@media (max-width: 620px) { .legalHeader { padding-inline: 18px; } .legalHeader strong { max-width: 190px; } .legalMain { width: calc(100% - 36px); padding-top: 54px; } }