@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--brand-purple:#4e1d94;--brand-cyan:#13a8e4;--container:1120px;--radius:16px;--shadow:0 10px 30px rgba(2,6,23,.08);--text:#0f172a}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f8fafc;color:var(--text)}
a{color:var(--brand-purple);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:var(--container);margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:12px;padding:0 16px;border:0;cursor:pointer;background:linear-gradient(135deg,#4e1d94,#13a8e4);color:#fff;font-weight:700;box-shadow:var(--shadow)}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.legal-wrap{max-width:var(--container);margin:24px auto;padding:0 16px}
.legal-toc{background:#f6f7fb;border:1px solid #e8eaf0;border-radius:12px;padding:12px 16px;margin:12px 0 24px}
.legal-wrap h1{font-size:2rem;margin:8px 0 8px}
.legal-wrap h2{font-size:1.25rem;margin:18px 0 8px}
.legal-wrap p{line-height:1.7;margin:8px 0}
.legal-wrap ul{margin:6px 0 12px 18px}