:root { --primary: #1a1a1a; --accent: #b8860b; --text: #444444; --border: #eeeeee; } body { font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0; display: flex; align-items: center; justify-content: center; min-height: 100vh; background-color: #ffffff; color: var(--text); } .contact-wrapper { max-width: 600px; width: 90%; padding: 60px; text-align: center; border: 1px solid var(--border); } h1 { font-size: 1.8rem; color: var(--primary); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 40px; } .divider { width: 50px; height: 2px; background-color: var(--accent); margin: 0 auto 40px; } .contact-method { margin-bottom: 30px; } .label { display: block; font-size: 0.8rem; text-transform: uppercase; color: var(--accent); font-weight: bold; letter-spacing: 1px; margin-bottom: 5px; } .value { font-size: 1.1rem; color: var(--primary); text-decoration: none; } a.value:hover { color: var(--accent); } .footer-note { margin-top: 40px; font-size: 0.9rem; color: #999; font-style: italic; } @media (max-width: 480px) { .contact-wrapper { padding: 40px 20px; } h1 { font-size: 1.4rem; } }