.contact-page{max-width:760px;margin:0 auto;padding:2rem 1rem 4rem}.contact-card{background:var(--surface-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.contact-card h1{margin:0 0 var(--space-3);color:var(--color-primary-900);font-size:var(--text-4xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em}.contact-card p{margin:0 0 var(--space-6);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.contact-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.contact-list li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-list li:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.contact-list span{color:var(--color-gray-700);font-weight:var(--fw-semibold);font-size:var(--text-sm)}.contact-list a{color:var(--color-accent);text-decoration:none;overflow-wrap:anywhere;font-size:var(--text-sm);font-weight:var(--fw-medium);transition:color var(--transition-fast)}.contact-list a:hover{color:var(--color-primary-500);text-decoration:underline;text-underline-offset:3px}@media (max-width:640px){.contact-card h1{font-size:var(--text-3xl)}.contact-list li{flex-direction:column;align-items:flex-start}}