.page-hero { 
    position:relative; 
    text-align:center; 
    margin:0 0 2rem 0; 
    background-image: linear-gradient(135deg, rgba(11,102,255,0.15), rgba(42,160,255,0.15)), url('/static/hero/terms.jpg'); 
    background-size:cover; 
    background-position:center; 
    border-radius:12px; 
    color: #fff; 
    min-height:340px; 
    display:flex; 
    align-items:center;
    overflow:hidden;
    box-shadow: 0 12px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.08);
  }
  .page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.6) 100%); z-index:1; }
  .page-hero .hero-content { position:relative; z-index:2; width:100%; padding:3rem 1.5rem; max-width:900px; margin:0 auto; }
  .page-hero h1 { margin:0 0 1rem 0; font-size:2.75rem; font-weight:800; letter-spacing:-0.02em; text-shadow: 0 2px 12px rgba(0,0,0,0.3); line-height:1.15; }
  .page-hero .hero-tagline { margin:0 0 1.5rem 0; font-size:1.25rem; font-weight:500; color:rgba(255,255,255,0.98); max-width:64ch; margin-left:auto; margin-right:auto; text-shadow: 0 1px 6px rgba(0,0,0,0.3); line-height:1.5; }
  .terms-intro { max-width:76ch; margin:0 auto 1.5rem; text-align:left; color:var(--muted); font-size:1.05rem; line-height:1.6 }
  .info-grid { display:block; gap:1.25rem; margin:1.5rem 0 }
  .info-card { border:1px solid rgba(15,23,42,0.08); background:linear-gradient(180deg, #fff, #fafafa); padding:1.5rem; border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.04) }