/* Terms of Service page styles */
:root{--bg:#0b0f13;--text:#eaf2ff;--muted:#9fb0c3;--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))}
}

/* Position header nav at the top-right for the TOS page */
.about-header{position:relative}
.about-nav{position:absolute;right:18px;top:18px;display:flex;gap:12px}
@media (max-width:900px){
  .about-nav{position:static;justify-content:flex-end;margin-top:8px}
}

/* Mobile adjustments for TOS 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%}
}