.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:3rem;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{background-color:#ffffff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1);transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-2px)}.info-icon{width:3rem;height:3rem;background-color:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#2563eb}.info-icon svg{width:1.5rem;height:1.5rem}.info-title{font-size:1.25rem;font-weight:500;color:#1f2937;margin-bottom:.5rem}.info-text{color:#4b5563;line-height:1.5}.contact-form{background-color:#ffffff;border-radius:.5rem;padding:2rem;box-shadow:0 1px 0 rgba(17,17,26,.05),0 0 8px rgba(17,17,26,.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#1f2937;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;color:#1f2937;transition:border-color .3s ease;font-family:Poppins,sans-serif}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#2563eb;color:#ffffff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.submit-btn:hover{background-color:#1d4ed8;transform:translateY(-2px)}.submit-icon{width:1.25rem;height:1.25rem}.submit-status{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:500}.submit-status.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.submit-status.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.submit-btn:disabled{cursor:not-allowed}.submit-btn:disabled,.submit-btn:disabled:hover{background-color:#9ca3af;transform:none}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-info{flex-direction:row;flex-wrap:wrap}.info-card{flex:1 1;min-width:250px}}@media (max-width:768px){.contact-info{flex-direction:column}.info-card{width:100%}}@media (max-width:480px){.contact-form{padding:1.5rem}.form-input,.form-textarea{font-size:.875rem}}