.contact-page{background:#fff}.contact-hero{text-align:center;color:#fff;background:orange;border-radius:10px;margin:1rem 0;padding:3rem 1rem}.contact-hero h1{font-size:2.4rem;font-weight:700}.contact-hero p{margin-top:.5rem;font-size:1rem}.contact-section{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-info h2{color:#111;margin-bottom:.5rem;font-size:1.8rem}.contact-info p{color:#444;margin-bottom:1.5rem}.info-box{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.info-box i{color:orange;font-size:1.6rem}.info-box h4{margin:0;font-size:1.1rem}.info-box p{color:#555;margin:0}.social-links{margin-top:1rem}.social-links a{color:#111;margin-right:15px;font-size:1.4rem;transition:all .2s}.social-links a:hover{color:orange}.contact-form{background:#eee;border-radius:10px;padding:1rem}.contact-form h2{margin-bottom:1.5rem}.grid-2{grid-template-columns:1fr 1fr;gap:5px;display:grid}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:.5rem;padding:12px;font-size:1rem}.contact-form button{color:#fff;cursor:pointer;background:orange;border:none;border-radius:6px;width:100%;padding:12px;font-size:1.1rem;font-weight:700;transition:all .3s}.contact-form button:hover{background:#111}@media (max-width:768px){.contact-section,.grid-2{grid-template-columns:1fr}}