/* Halaman legal Spotz Social (Kebijakan Privasi, Syarat Layanan, Hapus Akun) — senada dengan app. */
:root{--bg:#07070b;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.09);--fg:#f5f5f8;--muted:#9a9ab0;--accent:#8b5cf6;--accent2:#ec4899;
--grad:linear-gradient(135deg,#8b5cf6,#ec4899);color-scheme:dark;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1000px 500px at 85% -10%,rgba(139,92,246,.16),transparent 60%),var(--bg)}
.nav{position:sticky;top:0;z-index:5;background:rgba(7,7,11,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:var(--safe-t)}
.nav div{max-width:760px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;gap:16px}
.logo{font-weight:800;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;flex:1}
.nav a:not(.logo){color:var(--muted);font-size:14px;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:28px 16px calc(40px + var(--safe-b))}
h1{font-size:clamp(28px,6vw,40px);letter-spacing:-1px;line-height:1.1;margin:0 0 8px}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
h2{font-size:20px;margin:34px 0 8px;letter-spacing:-.3px}
h3{font-size:16px;margin:20px 0 6px}
p,li{color:#dcdce6}li{margin:4px 0}ul,ol{padding-left:22px}
a{color:#c4b5fd}
.box{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:16px 0}
.box.hi{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(236,72,153,.14));border-color:rgba(139,92,246,.45)}
table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
th,td{text-align:left;vertical-align:top;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}
.toc{columns:2;column-gap:24px;font-size:14px}.toc a{color:var(--muted);text-decoration:none}
@media(max-width:560px){.toc{columns:1}table{font-size:13px}th,td{padding:8px 4px}}
footer{max-width:760px;margin:0 auto;padding:22px 16px calc(28px + var(--safe-b));color:var(--muted);font-size:13px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 18px}
footer a{color:var(--muted)}