.contact-page { background:var(--contact-bg); color:var(--contact-ink); min-height:68vh; }.contact-page a { text-decoration:none; }.contact-hero { padding:1.8rem 0 1.6rem; border-bottom:1px solid var(--contact-line); background:linear-gradient(120deg,#e4f0e7,#f7f7f1 65%); }.contact-kicker { color:var(--contact-green); font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }.contact-hero h1 { font-size:clamp(2rem,4vw,3.3rem); letter-spacing:-.05em; font-weight:800; margin:.4rem 0 .55rem; }.contact-hero p { color:var(--contact-muted); max-width:570px; margin:0; }.contact-content { padding:2.3rem 0 4rem; }.contact-intro h2 { font-size:1.35rem; font-weight:800; margin-bottom:.45rem; }.contact-intro p { color:var(--contact-muted); }.contact-method { display:flex; align-items:flex-start; gap:.9rem; padding:1rem; margin-top:.75rem; border:1px solid var(--contact-line); border-radius:13px; background:#fff; transition:transform .18s ease,box-shadow .18s ease; }.contact-method:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(19,37,31,.08); }.contact-method-icon { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:var(--contact-lime); color:var(--contact-dark); font-size:1.15rem; }.contact-method h3 { font-size:.95rem; font-weight:800; margin:.05rem 0 .2rem; }.contact-method p,.contact-method a { color:var(--contact-muted); font-size:.88rem; margin:0; word-break:break-word; }.contact-method a { color:var(--contact-green); font-weight:700; }.contact-form { padding:1.35rem; border:1px solid var(--contact-line); border-radius:16px; background:#fff; box-shadow:0 14px 30px rgba(19,37,31,.06); }.contact-form h2 { font-size:1.35rem; font-weight:800; margin:0 0 .35rem; }.contact-form > p { color:var(--contact-muted); font-size:.9rem; margin:0 0 1.25rem; }.contact-label { display:block; margin:0 0 .38rem; color:var(--contact-muted); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.contact-field { margin-bottom:1rem; }.contact-input,.contact-textarea { width:100%; border:1px solid var(--contact-line); border-radius:9px; padding:.75rem .85rem; color:var(--contact-ink); background:#fbfcfa; }.contact-input { height:47px; }.contact-textarea { min-height:125px; resize:vertical; }.contact-input:focus,.contact-textarea:focus { outline:2px solid rgba(23,100,73,.18); border-color:var(--contact-green); }.contact-send { display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; min-height:48px; border:0; border-radius:9px; background:var(--contact-green); color:#fff; font-weight:800; }.contact-send:hover { background:var(--contact-dark); }.contact-form-note { margin:.8rem 0 0; color:var(--contact-muted); text-align:center; font-size:.8rem; }.contact-alert { display:none; margin:.8rem 0 0; padding:.7rem .8rem; border-radius:8px; background:#fff0f0; color:#a32620; font-size:.85rem; }.contact-direct { margin-top:1.2rem; display:flex; flex-wrap:wrap; gap:.65rem; }.contact-direct a { display:inline-flex; align-items:center; gap:.4rem; padding:.65rem .8rem; background:var(--contact-mist); border-radius:8px; color:var(--contact-green); font-size:.85rem; font-weight:800; }
@media (max-width:767px) { .contact-hero { padding:1.25rem 0 1.1rem; }.contact-hero h1 { font-size:2rem; }.contact-hero p { font-size:.92rem; line-height:1.5; }.contact-content { padding:1.25rem 0 3rem; }.contact-form { padding:1rem; margin-top:.6rem; }.contact-method { padding:.85rem; }.contact-direct { display:grid; grid-template-columns:1fr 1fr; }.contact-direct a { justify-content:center; } }