/* Halaman kebijakan privasi. Memakai variabel dan komponen dari style.css */
.head { background: linear-gradient(180deg, #f6f3fc 0%, #ece5fa 100%); padding: 64px 0 56px; box-shadow: 0 -1px 0 var(--line) inset; }
.head h1 { font-size: clamp(2rem, 4.4vw, 3rem); margin-bottom: 14px; }
.head p { color: var(--grey); font-size: 1.05rem; margin: 0; }

.legal { padding: 56px 0 90px; }
.legal__in { max-width: 760px; }
.legal h2 { font-size: 1.15rem; color: var(--purple); margin: 38px 0 10px; }
.legal p, .legal li { color: #34313c; line-height: 1.7; }
.legal ul { padding-left: 20px; display: grid; gap: 8px; }
.legal a { color: var(--purple-dark); }
.legal .card { background: #fff; border-radius: 18px; box-shadow: var(--raise); padding: 22px 28px; margin: 26px 0; }
.legal .card h2 { margin-top: 0; }
@media (max-width: 820px) { .head { padding: 44px 0 40px; } .legal { padding: 36px 0 60px; } }