.contact-wrapper {max-width: 860px;margin: 0 auto;}
.contact-intro {text-align: center;font-size: 1.1rem;color: #64748b;line-height: 1.8;margin-bottom: 2.5rem;}
.contact-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;margin-bottom: 2rem;}
.contact-card {background: #ffffff;border-radius: 12px;padding: 2rem 1.5rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);text-align: center;}
.contact-card:hover {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);transform: translateY(-4px);}
.contact-card-icon {font-size: 2.25rem;margin-bottom: 1rem;}
.contact-card h2 {font-size: 1.1rem;color: #0f172a;margin-bottom: 0.6rem;}
.contact-card p {font-size: 0.9rem;color: #64748b;line-height: 1.6;margin-bottom: 1.25rem;}
.contact-email {display: inline-block;font-weight: 700;color: #2563eb;font-size: 0.95rem;word-break: break-all;}
.contact-email:hover {color: #764ba2;text-decoration: underline;}
@media (max-width: 768px) {.contact-grid {grid-template-columns: 1fr;}}
.contact-note {display: flex;align-items: center;gap: 0.75rem;background: #f8fafc;border-radius: 6px;padding: 1rem 1.5rem;margin-bottom: 2.5rem;}
.contact-note-icon {font-size: 1.5rem;flex-shrink: 0;}
.contact-note p {color: #64748b;font-size: 0.95rem;margin: 0;}
.contact-note strong {color: #0f172a;}
.contact-links {background: #ffffff;border-radius: 12px;padding: 2rem;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);text-align: center;}
.contact-links h3 {font-size: 1.1rem;color: #0f172a;margin-bottom: 1.25rem;}
.contact-links-grid {display: flex;flex-wrap: wrap;gap: 0.75rem;justify-content: center;}
@media (max-width: 600px) {
.contact-links-grid {flex-direction: column;}
.contact-links-grid .btn {width: 100%;text-align: center;}
}