/* pages/contact.css */
.contact-cards { list-style: none; margin: 30px 0 24px; padding: 0; display: grid; gap: 14px; }
.contact-cards li { display: flex; align-items: center; gap: 16px; padding: 18px 20px; background: #fff; border: 1px solid var(--b-line); border-radius: var(--radius-sm); box-shadow: var(--shadow-sm); transition: transform .4s var(--ease), border-color .3s; }
.contact-cards li:hover { transform: translateX(6px); border-color: rgba(8,124,240,.4); }
.cc-icon { flex-shrink: 0; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 14px; font-size: 1.1rem; color: #fff; background: var(--grad-primary); }
.contact-cards strong { display: block; font: 700 .8rem/1 var(--font-head); letter-spacing: .08em; text-transform: uppercase; color: var(--b-muted); margin-bottom: 6px; }
.contact-cards a, .contact-cards span { color: var(--b-navy); font-weight: 500; word-break: break-word; }
.contact-cards a:hover { color: var(--b-blue); }
.admin-note { padding: 12px 16px; border-radius: 10px; font-size: .85rem; color: #7A5200 !important; background: #FFF6DD; }
.social-dark { margin-top: 10px; }

.form-card { position: relative; padding: clamp(28px, 4vw, 46px); background: #fff; border: 1px solid var(--b-line); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.form-card::before { content: ""; position: absolute; top: 0; left: 30px; right: 30px; height: 3px; border-radius: 0 0 4px 4px; background: var(--grad-primary); }
.form-title { margin-bottom: 26px; font-size: 1.6rem; }
.faq-section { background: #EAF1FB; }