.privacy-view { width: 100%; max-width: 640px; margin: 0 auto; padding: 1rem 1.25rem 2rem; animation: fadeInUp 0.3s ease-out; } .privacy-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; } .privacy-back { background: var(--surface-muted); border: 1px solid var(--border); border-radius: var(--radius); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.1rem; color: var(--text-main); flex-shrink: 0; transition: background 0.15s; } .privacy-back:hover { background: var(--border); } .privacy-title { font-size: 1.3rem; font-weight: 700; color: var(--text-main); margin: 0; } .privacy-updated { font-size: 0.8rem; color: var(--text-muted); margin: 0 0 1.5rem; } .privacy-content { display: flex; flex-direction: column; gap: 1.5rem; } .privacy-section { background: var(--surface-muted); border-radius: var(--radius); padding: 1.25rem; } .privacy-section-title { font-size: 1rem; font-weight: 700; color: var(--text-main); margin: 0 0 0.75rem; } .privacy-section-content { font-size: 0.88rem; color: var(--text-muted); line-height: 1.6; } .privacy-section-content p { margin: 0 0 0.5rem; } .privacy-section-content p:last-child { margin-bottom: 0; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .privacy-view { padding: 0.75rem 1rem 2rem; } }