/* Privacy Policy page - page-specific styles */
:root{--bg:#0b0f13;--panel:#121820;--text:#eaf2ff;--muted:#9fb0c3;--brand:#6ee7b7;--accent:#60a5fa}
html,body{height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
#aboutApp{max-width:1100px;margin:48px auto;padding:0 18px}
.hero-inner{max-width:1100px;margin:0 auto;padding:20px 22px}
.hero-title{font-size:1.9rem}
.hero-sub{color:var(--muted)}
.features{margin-top:18px;display:grid;grid-template-columns:1fr;gap:12px}
.features .card{padding:14px;border-radius:12px;background:#0f141b;border:1px solid #243244}
.btn-row{margin-top:8px}
.about-footer{margin-top:20px;display:flex;justify-content:center;color:var(--muted)}
@media (min-width:900px){
  .features{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Effective date styling */
.effective-date{color:var(--muted);font-size:0.95rem;margin-top:6px;font-weight:600}

/* Mobile adjustments for privacy page */
@media (max-width:600px){
  #aboutApp{margin:20px 12px;padding:0 12px}
  .hero-inner{padding:14px}
  .hero-title{font-size:1.6rem}
  .features{grid-template-columns:1fr;gap:10px}
  .card{padding:12px}
  .btn-row{text-align:center}
  .btn-row .button{width:100%}
  .effective-date{font-size:0.9rem}
}