.contact-container{max-width:1200px;margin:0 auto;padding:60px 20px}.contact-header{text-align:center;margin-bottom:80px;position:relative}.header-top-line{background:#000;border-radius:2px;width:60px;height:4px;margin:0 auto 30px}.contact-header h1{color:#000;letter-spacing:-.04em;margin-bottom:16px;font-size:3rem;font-weight:700}.contact-header p{color:#666;max-width:500px;margin:0 auto;font-size:1.15rem;font-weight:400;line-height:1.6}.contact-content{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-bottom:80px;display:grid}.info-card{text-align:center;background:#fff;border:1px solid #f5f5f5;border-radius:16px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden}.info-card:before{content:"";transform-origin:0;background:#000;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.info-card:hover:before{transform:scaleX(1)}.info-card:hover{border-color:#e5e5e5;box-shadow:0 12px 40px #0000001a}.card-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:28px;transition:all .3s;display:flex}.email-icon{background:#f5f5f5}.email-icon:before{content:"✉";color:#000;font-size:24px}.phone-icon{background:#f5f5f5}.phone-icon:before{content:"☎";color:#000;font-size:24px}.company-icon{background:#f5f5f5}.company-icon:before{content:"🏢";font-size:24px}.location-icon{background:#f5f5f5}.location-icon:before{content:"📍";font-size:24px}.info-card:hover .card-icon{background:#000;transform:scale(1.1)}.info-card:hover .email-icon:before,.info-card:hover .phone-icon:before{color:#fff}.info-card h3{color:#000;letter-spacing:-.02em;margin:0 0 15px;font-size:1.3rem;font-weight:700}.card-divider{background:#000;width:30px;height:2px;margin:15px auto 20px}.info-card p{color:#666;margin:0 0 12px;font-size:.95rem;font-weight:400;line-height:1.7}.info-card a{color:#000;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-block}.info-card a:hover{opacity:.6}.card-label{color:#999;letter-spacing:.5px;text-transform:uppercase;margin-top:15px;font-size:.8rem;font-weight:500;display:block}@media (max-width:768px){.contact-container{padding:40px 20px}.contact-header{margin-bottom:60px}.contact-header h1{font-size:2rem}.contact-content{gap:20px;margin-bottom:60px}.info-card{padding:30px 20px}.contact-cta{padding:40px 30px}.contact-cta h2{font-size:1.5rem}}
