.contact-container{background:#f8f9fa;min-height:100vh;padding:100px 20px 60px}.contact-content{max-width:1000px;margin:0 auto}.contact-content h1{color:#2d3436;text-align:center;margin-bottom:12px;font-size:40px;font-weight:800}.subtitle{color:#636e72;text-align:center;margin-bottom:48px;font-size:18px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.contact-info-card{text-align:center;background:#fff;border:1px solid #dee2e6;border-radius:16px;padding:32px 24px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #00000014}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.icon-wrapper{background:linear-gradient(135deg,tomato 0%,#e5533d 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.icon-wrapper svg{color:#fff}.contact-info-card h3{color:#2d3436;margin-bottom:12px;font-size:20px;font-weight:700}.contact-info-card p{color:#636e72;margin:0;font-size:15px;line-height:1.6}.info-section{background:#fff;border:1px solid #dee2e6;border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 2px 8px #00000014}.info-section h2{color:#2d3436;margin-bottom:16px;font-size:24px;font-weight:700}.info-section p{color:#636e72;margin:0;font-size:16px;line-height:1.7}.info-section ul{margin:0;padding-left:24px}.info-section li{color:#636e72;margin-bottom:8px;font-size:16px;line-height:1.7}@media (max-width:768px){.contact-content h1{font-size:32px}.subtitle{font-size:16px}.contact-grid{grid-template-columns:1fr}.info-section{padding:24px}}