/* SUBLIM8 Contact Us */
a{
  color:inherit;
  text-decoration:none;
}

.site{
  width:1640px;
  margin:0 auto;
}

.contact-page { width:1568px; margin:24px auto 34px; color:#263126; }
.contact-hero { min-height:176px; padding:30px 38px; border:1px solid #d9ddd8; border-radius:14px; background:linear-gradient(110deg,#fff 0%,#fff 62%,#f7f1ed 100%); display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; }
.eyebrow { font-size:11px; font-weight:800; letter-spacing:2px; color:#9a6b2f; }
.contact-hero h1 { margin:7px 0 8px; font-size:32px; color:#344C34; }
.contact-hero p { margin:0; max-width:760px; font-size:14px; line-height:1.65; color:#667066; }
.hero-badge { width:190px; height:78px; border-radius:14px; background:#344C34; color:#fff; display:flex; align-items:center; justify-content:center; gap:10px; font-size:26px; box-shadow:0 10px 24px rgba(52,76,52,.14); }
.hero-badge span { font-size:13px; font-weight:700; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:22px; margin-top:22px; align-items:start; }
.contact-card,.support-card { background:#fff; border:1px solid #d9ddd8; border-radius:14px; box-shadow:0 5px 18px rgba(32,45,34,.045); }
.contact-card { padding:30px 34px 34px; }
.card-heading { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:20px; border-bottom:1px solid #e6e9e5; margin-bottom:22px; }
.card-heading h2 { margin:0 0 5px; font-size:23px; color:#344C34; } .card-heading p { margin:0; font-size:13px; color:#7a817a; }
.status-dot { font-size:11px; font-weight:800; padding:7px 11px; border-radius:20px; background:#f8dfe5; color:#344C34; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }
.form-grid label { display:flex; flex-direction:column; gap:7px; font-size:13px; font-weight:700; color:#3f493f; } .form-grid label.full { grid-column:1/-1; }
.form-grid label span small { font-size:11px; font-weight:500; color:#909790; margin-left:4px; }
.form-grid input,.form-grid select,.form-grid textarea { width:100%; box-sizing:border-box; border:1px solid #ccd2cc; border-radius:8px; background:#fff; color:#283128; font:14px Arial,sans-serif; outline:none; transition:border-color .18s,box-shadow .18s; }
.form-grid input,.form-grid select { height:46px; padding:0 13px; } .form-grid textarea { min-height:190px; resize:vertical; padding:13px; line-height:1.55; }
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus { border-color:#718971; box-shadow:0 0 0 3px rgba(52,76,52,.08); }
.hint { align-self:flex-end; margin-top:-3px; font-size:11px; font-weight:400; color:#929892; }
.file-box { position:relative; min-height:92px; border:1px dashed #aeb8ae; border-radius:10px; background:#fafbf9; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; overflow:hidden; transition:.18s; }
.file-box:hover { background:#f5f7f4; border-color:#718971; transform:translateY(-1px); } .file-box input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.file-box b { font-size:13px; color:#344C34; } .file-box small,.file-box em { font-size:11px; color:#858d85; font-style:normal; font-weight:400; } .file-box em { color:#9a6b2f; margin-top:3px; }
.send-button { margin-top:20px; min-width:180px; height:46px; padding:0 20px; border:0; border-radius:8px; background:#344C34; color:#fff; font-size:14px; font-weight:800; cursor:pointer; transition:transform .18s,box-shadow .18s; }
.send-button:hover { transform:translateY(-2px); box-shadow:0 8px 16px rgba(52,76,52,.18); } .send-button:disabled { opacity:.65; cursor:wait; transform:none; } .send-button span { margin-left:10px; }
.form-message { display:none; margin-top:18px; padding:12px 14px; border-radius:8px; font-size:13px; line-height:1.5; } .form-message.success { display:block; background:#edf5ed; border:1px solid #bfd2bf; color:#344C34; } .form-message.error { display:block; background:#fff0f1; border:1px solid #e7bdc2; color:#8a3038; }
.support-column { display:flex; flex-direction:column; gap:16px; } .support-card { padding:24px; } .support-card.soft { background:#f8f4f0; }
.support-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:10px; background:#f8dfe5; color:#344C34; font-size:19px; margin-bottom:13px; }
.support-card h3 { margin:0 0 8px; font-size:17px; color:#344C34; } .support-card p { margin:0 0 8px; font-size:13px; line-height:1.6; color:#6f776f; } .support-card strong { font-size:13px; color:#344C34; } .support-card small { font-size:11px; line-height:1.5; color:#8b928b; }