:root{
  --contact-page-bg:#080b0f;
  --contact-card-bg:#11171e;
  --contact-card-text:#eef2f6;
  --contact-card-border:#303844;
  --contact-card-radius:24px;
  --contact-accent:#f1c866;
  --contact-field-bg:#0b1016;
}
.page-contact{padding-block:clamp(8px,1.4vw,18px)}
.contact-entry{display:grid;gap:var(--layout-section-gap);min-height:clamp(470px,58vh,640px);align-content:space-between}
.contact-page-title{width:fit-content;max-width:min(100%,1120px);margin:0 auto;color:var(--theme-h1-text);font-size:var(--theme-h1-size);line-height:var(--theme-h1-line-height);letter-spacing:var(--theme-h1-letter-spacing);text-wrap:balance;text-align:center}
.contact-form-card{margin-top:auto;padding:clamp(18px,3vw,28px);border:1px solid var(--contact-card-border);border-radius:var(--contact-card-radius);background:linear-gradient(180deg,var(--contact-card-bg),#0d1218);color:var(--contact-card-text);box-shadow:0 18px 46px rgba(0,0,0,.30)}
.contact-form{display:grid;gap:16px}
.contact-form-grid{display:grid;grid-template-columns:1fr;gap:16px}
.f-row{display:grid;gap:7px}
.f-row label{color:#fff3c7;font-weight:900}
.f-row input,.f-row textarea{width:100%;padding:13px 14px;border:1px solid var(--contact-card-border);border-radius:15px;background:var(--contact-field-bg);color:var(--contact-card-text);transition:border-color .18s ease,box-shadow .18s ease}
.f-row input:focus,.f-row textarea:focus{border-color:var(--contact-accent);box-shadow:0 0 0 3px rgba(241,200,102,.12);outline:0}
.f-row textarea{resize:vertical}
.hp{display:none}
.f-actions{display:grid;gap:10px}
.contact-alert{margin:0;padding:14px 16px;border-radius:18px;font-weight:800}
.contact-alert.success{border:1px solid #235c3a;background:#10291c;color:#9ae5b8}
.contact-alert.error{border:1px solid #6a2b31;background:#2a1416;color:#ffb8be}