body { outline: 6px solid red; }
body.page-contact{
  margin:0;
  background:#fff;
  color:#111;
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

/* Dark Works-style header */
body.page-contact header{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 16px;
  background:#0b0f14;
  color:#e7e9ee;
}
body.page-contact header .brand{
    font-weight:700; 
    color:inherit;
    text-decoration:none;
}
body.page-contact header nav a{
  margin-left:14px;
  color:inherit;
  text-decoration:none;
}
body.page-contact header nav a:hover{ opacity:.75; }

/* Centered layout */
.contact-wrap{
  min-height:calc(100vh - 56px); /* adjust if header height differs */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.contact-box{
  text-align:center;
  max-width:500px;
}

.contact-box h1{
  font-size:28px;
  margin-bottom:20px;
}

.contact-box p{
  font-size:16px;
}
#email{
  color:#000;
  font-weight:600;
}