.contact-page{background:var(--off-white);min-height:100vh}.contact-hero{background:var(--navy);color:#fff;padding:8rem 0 6rem;position:relative;overflow:hidden}.contact-hero h1{color:#fff;font-size:clamp(3rem,6vw,4rem);font-weight:900;line-height:1.1}.contact-grid{grid-template-columns:1fr 1.5fr;align-items:flex-start;gap:4rem;display:grid}.contact-info-panel h2{color:var(--navy);font-size:2.5rem;font-weight:900}.info-item{gap:1.5rem;margin-bottom:2rem;display:flex}.info-icon{width:48px;height:48px;color:var(--navy);background:#1b28840d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-item strong{color:var(--navy);margin-bottom:.25rem;font-size:1.1rem;display:block}.info-item p{color:var(--slate-500);line-height:1.5}.social-btn{background:var(--navy);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-btn:hover{background:var(--gold);color:var(--navy);transform:translateY(-3px)}.contact-form-panel{background:#fff;border:1px solid #00000008;border-radius:2rem;padding:3rem;box-shadow:0 20px 50px #0000000d}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--navy);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.form-group input,.form-group textarea{background:var(--off-white);border:1px solid #00000014;border-radius:.75rem;outline:none;padding:1rem;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 4px #1b28840d}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.contact-hero{padding:5rem 0 4rem}.contact-hero h1{font-size:2.5rem}.contact-info-panel h2{font-size:2rem}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.contact-form-panel{border-radius:1.25rem;padding:2rem 1.5rem}.contact-hero{padding:4rem 0 3rem}.contact-hero h1{font-size:2rem}}