.contact-page{background:#f5f7fb}.contact-container{width:min(1200px,92%);margin:auto}.contact-hero{background:linear-gradient(#052850bf,#052850bf),0 0;height:320px}.contact-overlay{align-items:center;height:100%;display:flex}.contact-hero h1{color:#fff;margin-bottom:15px;font-size:3rem}.contact-hero p{color:#f0f0f0;max-width:700px;font-size:1.15rem}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin:60px 0;display:grid}.contact-card{background:#fff;border-top:4px solid #0b5ed7;border-radius:14px;padding:30px;box-shadow:0 8px 24px #00000014}.contact-card h2{color:#0b3b75;margin-bottom:18px;font-size:1.4rem}.contact-card p{color:#555;line-height:1.8}.contact-card a{color:#0b5ed7;font-weight:600;text-decoration:none}.contact-card a:hover{text-decoration:underline}.map-section{margin-bottom:60px}.map-section h2{color:#0b3b75;margin-bottom:25px;font-size:2rem}.map-wrapper{border-radius:15px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.map-wrapper iframe{border:none;width:100%;height:500px}.contact-footer{text-align:center;background:#fff;border-radius:14px;margin-bottom:70px;padding:45px;box-shadow:0 8px 24px #00000014}.contact-footer h2{color:#0b3b75;margin-bottom:20px}.contact-footer p{color:#555;max-width:850px;margin:auto;line-height:1.8}@media (max-width:768px){.contact-hero{height:260px}.contact-hero h1{font-size:2.2rem}.contact-card{padding:25px}.map-wrapper iframe{height:350px}.contact-footer{padding:30px}}