/* ===== CONTACT PAGE CSS (extracted from lien-he.html inline) ===== */
.contact-page{padding:48px 0 64px}
.contact-grid{display:grid;grid-template-columns:1fr;gap:40px}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1.4fr}}
.contact-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;transition:box-shadow .3s}
.contact-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}
.contact-card__icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-card__icon--red{background:#fef2f2;color:var(--red)}
.contact-card__icon--blue{background:#eff6ff;color:#3b82f6}
.contact-card__icon--green{background:#f0fdf4;color:#16a34a}
.contact-card__icon--amber{background:#fffbeb;color:#d97706}
.contact-card__title{font-size:12px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}
.contact-card__text{font-size:14px;font-weight:600}
.contact-map{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:var(--radius-lg);padding:32px;text-align:center;margin-top:8px}
.contact-map__icon{color:var(--red);margin:0 auto 12px;display:flex;justify-content:center}
.contact-map__title{font-size:16px;font-weight:700;margin-bottom:4px}
.contact-map__desc{font-size:13px;color:var(--text-muted)}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.contact-form__header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.contact-form__icon{width:48px;height:48px;border-radius:var(--radius);background:linear-gradient(135deg,var(--red),var(--red-dark));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.contact-form__title{font-size:18px;font-weight:800}
.contact-form__subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}
.form-row{display:grid;gap:16px}
.form-row--2{grid-template-columns:1fr 1fr}
@media(max-width:640px){.form-row--2{grid-template-columns:1fr}}
.form-group,.form-group--full{margin-bottom:16px}
.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}
.form-input,.form-select,.form-textarea{width:100%;background:rgba(245,245,247,.5);border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:14px;transition:all .2s;color:var(--text)}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(220,20,60,.08);outline:none;background:#fff}
.form-textarea{resize:vertical}
.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}