body{background:#0b1117 url('/assets/circuit.svg') center top / 900px auto repeat;color:#edf7f8}
.legal-header{border-bottom:1px solid #2e676a;background:#0d151be8;padding:22px max(22px,calc((100vw - 880px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.legal-header .brand{font-size:1.4rem}
.legal-header>a:last-child{color:#65e5e4;font-weight:700}
.legal-main{width:min(880px,calc(100% - 36px));margin:44px auto 80px;padding:clamp(24px,5vw,54px);border:1px solid #355961;border-radius:18px;background:#111a22f5;box-shadow:0 0 36px #24d9df1a}
.legal-main h1{font-size:clamp(2.7rem,7vw,4rem);color:#75eded;margin-bottom:16px}
.legal-main h2{font-size:clamp(1.55rem,4vw,2rem);margin:36px 0 12px;color:#fff}
.legal-main p,.legal-main li{color:#d0dfe2;line-height:1.75}
.legal-main li{margin:7px 0}
.legal-main a{color:#74eeee;text-decoration:underline;text-underline-offset:3px}
.legal-main .updated{color:#93adb5;font-size:.88rem}
.legal-footer{width:min(880px,calc(100% - 36px));margin:0 auto 80px;display:flex;flex-wrap:wrap;gap:16px;border-top:1px solid #2e676a;padding-top:20px;color:#9bc6c9;font-size:.9rem}
.legal-footer a:hover,.legal-header>a:last-child:hover{color:#fff}
@media(max-width:600px){.legal-header{padding:16px 18px}.legal-header>a:last-child{font-size:.86rem}.legal-main{margin-top:24px}}