.contact-card{background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:26px;height:100%;display:flex;flex-direction:column;gap:12px;transition:var(--transition)}
.contact-card:hover{border-color:var(--primary);box-shadow:0 12px 30px rgba(59,40,204,0.08);transform:translateY(-3px)}
.contact-card .tile-icon{width:52px;height:52px;font-size:1.4rem}
.contact-card h3{font-size:1rem;font-weight:700;color:var(--text-dark);margin:0}
.contact-card a{color:var(--text-body);text-decoration:none;font-size:0.92rem;transition:var(--transition)}
.contact-card a:hover{color:var(--primary)}
.contact-form{background:#fff;border:1px solid var(--border-light);border-radius:20px;padding:32px;box-shadow:0 12px 40px rgba(59,40,204,0.06)}
.contact-form label{font-size:0.85rem;font-weight:600;color:var(--text-dark);margin-bottom:6px;display:block}
.contact-form .form-control{padding:12px 16px;border-radius:10px;border:1px solid var(--border-light);font-size:0.92rem;transition:var(--transition)}
.contact-form .form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,40,204,0.1);outline:none}
.map-frame{border:1px solid var(--border-light);border-radius:16px;overflow:hidden;height:100%;min-height:340px;background:linear-gradient(135deg,#EDE9FF,#DDD5FF);position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:3rem}
.map-frame::before{content:'Bản đồ NMI-DIGI Hà Nội';position:absolute;bottom:20px;left:20px;font-size:0.9rem;color:var(--primary);font-weight:700;background:rgba(255,255,255,0.85);padding:6px 12px;border-radius:8px}