:root{
  --bg0:#f2f3f5; --bg1:#e7e9ec; --ink:#0b0b0b; --muted:#6b6f76; --line:rgba(0,0,0,.10);
  --card:rgba(255,255,255,.72); --shadow:0 22px 70px rgba(0,0,0,.10);
  --radius:20px;
}
body{margin:0; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial; color:var(--ink);
background:linear-gradient(180deg,var(--bg0),var(--bg1));}
.bg{position:fixed; inset:0; pointer-events:none;
background: radial-gradient(1200px 800px at 15% 10%, rgba(43,108,255,.10), transparent 60%),
            radial-gradient(900px 700px at 85% 20%, rgba(0,183,168,.10), transparent 55%),
            radial-gradient(900px 700px at 50% 90%, rgba(255,176,32,.10), transparent 55%);}
.legal-brand{padding:26px 18px 8px; text-align:center}
.mark{width:62px; height:62px; margin:0 auto 10px}
.mark svg{width:60px; height:60px}
.name{font-weight:900; letter-spacing:.18em; font-size:22px}
.wrap{max-width:900px; margin:0 auto; padding:18px 18px 60px}
.title{margin:18px 0 18px; text-align:center; font-size:34px; letter-spacing:.05em}
.content{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);
padding:24px; line-height:1.7; font-size:16px; text-align:center}
.content h2{margin:22px 0 8px; font-size:18px; letter-spacing:.04em}
.content p{margin:10px 0}
.footer{margin-top:28px; padding:20px 18px; border-top:1px solid var(--line);
background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.02));}
.footer-inner{max-width:900px; margin:0 auto; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center}
.footer-legal{display:flex; gap:14px; flex-wrap:wrap; font-weight:900}
.footer-legal a{color:var(--ink); text-decoration:none}
.footer-social{display:flex; gap:12px; font-weight:900}
.footer-social a{color:var(--ink); text-decoration:none}