/* Minimal contact page styles, reusing site variables where available */
:root {
  --yellow: #ffe600;
  --bg: #0e0f13;
  --ink: #0b0c10;
}
.contact-page {
  background: var(--bg);
  color: var(--yellow);
  min-height: 70vh;
  padding-bottom: 64px;
}
.contact-hero {
  padding: 48px 0;
  text-align: center;
}
.contact-hero h1 {
  font-family: 'Bebas Neue', system-ui, Arial, sans-serif;
  font-size: 3rem;
  margin-bottom: 8px;
}
.contact-hero .lead {
  opacity: .9;
}
.contact-form-section .container {
  max-width: 760px;
  margin: 0 auto;
  padding: 18px;
}
.contact-form label {
  display: block;
  margin: 10px 0 6px 0;
  font-weight: 700;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 14px;
  background: rgba(255,255,255,0.03);
  border: 2px solid rgba(255,230,0,0.15);
  color: var(--yellow);
  box-sizing: border-box;
}
.contact-form textarea { resize: vertical; }
.form-actions { margin-top: 12px; display:flex; gap:12px; align-items:center; }
.hint { opacity: .7; margin-top: 12px; font-size: .95rem; }
.btn { background: var(--yellow); color: #0b0c10; padding: 10px 18px; border: 2px solid var(--yellow); cursor: pointer; }
.btn--ghost { background: transparent; color: var(--yellow); border: 2px solid var(--yellow); text-decoration: none; display:inline-grid; place-items:center; }

@media (max-width: 700px) {
  .contact-hero h1 { font-size: 2rem; }
  .form-actions { flex-direction: column; align-items: stretch; }
}