.contact-wrapper{max-width:1000px;margin:4rem auto;padding:3rem 2.5rem;background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.list-container{display:flex;flex-direction:column;align-items:center;margin:0 0 2rem;.list-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:left;color:var(--color-text-muted)}.styled-list{list-style:none;padding:0;margin:0;width:100%;max-width:600px;li{display:flex;align-items:flex-start;margin-bottom:.6rem;text-align:left;font-size:.93rem;color:var(--color-text-muted)}.icon{margin-right:10px;color:var(--color-blue);font-size:1rem;margin-top:2px;flex-shrink:0}}}.contact-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:2.5rem}.highlight-text{color:var(--color-red)}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin-top:0}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);padding:1.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;position:relative;overflow:hidden;text-align:left}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-red);opacity:0;transition:opacity .2s ease-out}.contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(160,28,34,.2)}.contact-card:hover:before{opacity:1}.card-title{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue);margin-bottom:1rem}.card-content{font-size:.9rem;line-height:1.7;color:var(--color-text-muted);p{margin:0 0 .4rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}strong{color:var(--color-text);font-weight:500}}.cta-email,.cta-phone,.cta-social{color:var(--color-blue);font-weight:500;text-decoration:none;transition:color .15s ease-out}.cta-email:hover,.cta-phone:hover,.cta-social:hover{color:var(--color-red)}.icon{margin-right:6px;color:var(--color-blue);font-size:1rem}@media (max-width:768px){.contact-wrapper{margin:1.5rem 1rem;padding:2rem 1.25rem}.contact-title{font-size:1.6rem}}