:root{--bg:#f7f9fb;--card:#ffffff;--muted:#666;--accent:#0b63c6}
    html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg);color:#222}
    .wrap{max-width:900px;margin:40px auto;padding:28px;background:var(--card);border-radius:12px;box-shadow:0 6px 20px rgba(20,30,40,0.06)}
    header{display:flex;align-items:center;gap:16px;margin-bottom:10px}
    .logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#0067b8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
    h1{font-size:1.35rem;margin:0;color:#1e2022}
    p.lead{color:#222;margin-top:6px;margin-bottom:18px}
    h2{margin-top:20px;color:#1e2022}
    ul{margin:8px 0 16px 1.1rem}
    li{margin:6px 0}
    .note{font-size:0.95rem;color:var(--muted);background:#f1f6fb;padding:12px;border-radius:8px;border:1px solid rgba(11,99,198,0.06)}
    .contact{margin-top:18px;padding:14px;border-radius:8px;background:#fbfcff;border:1px solid #eef4ff}
    
    @media (max-width:520px){.wrap{margin:20px;padding:18px}}
      .c4{padding:6px 0;}
        /* Responsive Enhancements */
    @media (max-width:768px){
      h1{font-size:1.15rem}
      .logo{width:48px;height:48px;font-size:0.9rem}
      .wrap{padding:20px}
      ul{margin-left:1rem}
    }
    @media (max-width:480px){
      body{font-size:0.92rem}
      h1{font-size:1.05rem}
      header{flex-direction:column;align-items:flex-start}
      .logo{width:42px;height:42px;font-size:0.85rem}
      .wrap{margin:16px;padding:16px}
    }