.contact-page{max-width:1000px;margin:60px auto;padding:0 24px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#2d3748}.contact-header{margin-bottom:40px;text-align:center}.contact-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:#2d3748}.contact-subtitle{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto}.contact-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin-top:48px}.contact-info-section{display:flex;flex-direction:column;gap:24px}.info-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1)}.info-item{margin-bottom:16px;display:flex;align-items:flex-start;gap:12px}.info-item:last-child{margin-bottom:0}.info-label{font-weight:600;color:#4a5568;min-width:80px}.info-content{color:#4a5568;line-height:1.5}.info-content a{color:#4299e1;text-decoration:none;transition:color .2s}.info-content a:hover{color:#2b6cb0;text-decoration:underline}.map-container{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1);margin-top:24px}.map-container iframe{width:100%;height:300px;border:none}.contact-form-section{background-color:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.1)}.form-title{font-size:1.5rem;font-weight:600;margin-bottom:24px;color:#2d3748}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:.875rem;font-weight:500;color:#4a5568}.form-input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.15)}.form-input::placeholder{color:#a0aec0}.form-textarea{min-height:120px;resize:vertical}.submit-button{background-color:#4299e1;color:white;font-weight:600;font-size:1rem;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;margin-top:8px}.submit-button:hover{background-color:#3182ce;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}@media (max-width:768px){.contact-layout{grid-template-columns:1fr}.contact-title{font-size:2rem}.contact-form-section{padding:24px}}@media (max-width:480px){.contact-page{margin:40px auto;padding:0 16px}.info-item{flex-direction:column;gap:4px}.contact-header{margin-bottom:32px}}