:root{
    --teal:#fff;
    --bg:#fe5e00;
    --text:#fff;
    --sub:#fff;
    --rule:#fff;
  }
  .email-block{
    padding:28px 0;
    display:flex;
    justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  }
  .email-card{
    width:min(1380px,94vw);
    background:var(--bg);
    border-radius:14px;
    padding:36px 28px 28px;
  }

  /* CENTER the top line */
  .email-row{
    display:flex;
    align-items:center;
    justify-content:center;      /* <- makes 'support@esrtech.com' centered */
    gap:12px;
    color:var(--teal);
    font-weight:700;
    font-size:20px;
  }
  .email-link{
    color:var(--teal);
    text-decoration:none;
    word-break:break-all;
  }
  .email-link:hover{ text-decoration:underline; }
  .icon{ color:var(--teal); }
  .arrow{ color:#fe5e00; }

  .dotted{
    border:none;
    border-top:1px dashed var(--rule);
    margin:18px 0 22px;
  }

  /* CENTER the title */
  .email-title{
    margin:0 0 16px;
    font-size:22px;
    color:var(--text);
    text-align:center;           /* <- centers “Prefer to email? …” */
  }

  .email-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px 28px;
    list-style:none;
    padding:0;
    margin:0;
  }
  .email-list li{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:18px;
    color:var(--sub);
    line-height:1.4;
    justify-content:center;      /* items visually centered under the title */
  }
  .check{ color:var(--teal); display:inline-flex; }

  /* Responsive */
  @media (max-width:900px){ .email-list{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:600px){
    .email-row{ font-size:18px; }
    .email-title{ font-size:20px; }
    .email-list{ grid-template-columns:1fr; }
  }