/**
 * File: assets/css/contact.css
 * Purpose: PAK998 Contact page and single-column form styling.
 */
:root{--contact-page-bg:#fffdf8;--contact-card-bg:#ffffff;--contact-card-text:#293a31;--contact-card-border:#d7d8cc;--contact-card-radius:22px;--contact-accent:#1a6748;--contact-field-bg:#fbfaf5}
.page-contact{padding-block:clamp(10px,1.8vw,24px)}.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%,1240px);margin:0 auto;padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none;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-page-content{padding:20px 22px;border-left:5px solid #d2a53a;border-radius:0 16px 16px 0;background:#f7f2e4;box-shadow:0 10px 24px rgba(24,66,49,.06)}
.contact-form-card{margin-top:auto;padding:clamp(20px,3vw,32px);border:1px solid var(--contact-card-border);border-top:5px solid #1a6748;border-radius:var(--contact-card-radius);background:var(--contact-card-bg);color:var(--contact-card-text);box-shadow:0 18px 46px rgba(23,67,49,.1)}.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:#194532;font-weight:900}.f-row input,.f-row textarea{width:100%;padding:13px 14px;border:1px solid var(--contact-card-border);border-radius:12px;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(26,103,72,.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:14px;font-weight:800}.contact-alert.success{border:1px solid #7cc397;background:#edf9f1;color:#17613b}.contact-alert.error{border:1px solid #d8a0a0;background:#fff0f0;color:#8e3338}
