/* ============================================================
   NANOTREND - Contact Page Styles
   ============================================================ */

.contact-card {
    transition: transform var(--transition), border-color var(--transition);
    color: var(--text-primary);
}
.contact-card:hover { transform: translateY(-6px); border-color: rgba(212, 175, 55, 0.4); color: var(--text-primary); }
.contact-card i {
    font-size: 1.8rem;
    color: var(--gold);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.16), transparent 70%);
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.help-list { list-style: none; padding: 0; margin: 0 0 1rem; }
.help-list li { margin-bottom: 0.7rem; }
.help-list a { color: var(--text-secondary); font-size: 0.95rem; display: flex; align-items: center; gap: 0.5rem; }
.help-list a::before { content: '›'; color: var(--gold); font-weight: 700; }
.help-list a:hover { color: var(--gold-light); padding-left: 4px; }