.contact-page__container{max-width:1200px;margin:0 auto;padding:0 1rem}.contact-page__hero{text-align:center;padding:4rem 0;background-image:url(/images/get-in-touch.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;color:#fff;position:relative;z-index:1;border-radius:10px}.contact-page__hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:0}.contact-page__hero-heading,.contact-page__hero-subtext{position:relative;z-index:1}.contact-page__hero-heading{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 15px rgba(0,0,0,.7)}.contact-page__hero-subtext{font-size:1.5rem;max-width:800px;margin:0 auto;color:#f1f5f9;line-height:1.6;text-shadow:0 2px 10px rgba(0,0,0,.6)}.contact-page__methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:1rem 0}.contact-page__method-card{border:2px solid #f1f5f9;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center}.contact-page__method-card:hover{transform:translateY(-4px)}.contact-page__method-icon{font-size:2rem;margin-bottom:1rem}.contact-page__form-section{padding:4rem 0}.contact-page__form{max-width:600px;margin:0 auto}.contact-page__form-group{margin-bottom:1.5rem}.contact-page__form-group label{display:block;margin-bottom:.5rem;color:#2d2d2d}.contact-page__form-group input,.contact-page__form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;transition:border-color .2s ease}.contact-page__form-group input:focus,.contact-page__form-group textarea:focus{outline:none;border-color:#fdb611}.contact-page__submit-button{background:#fdb611;color:#2d2d2d;padding:.75rem 2rem;width:100%}.contact-page__submit-button:hover{background:#e3525c;color:#fff}.contact-page__map-section{padding:4rem 0}.contact-page__map-wrapper{border-radius:1rem;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08)}.contact-page__map{width:100%;height:400px;border:0}@media (max-width:768px){.contact-page__hero-heading{font-size:2rem}.contact-page__methods-grid{padding:2rem 0}}@media (max-width:480px){.contact-page__form-section,.contact-page__hero{padding:2rem 0}.contact-page__map{height:300px}}