.contact-hero-section{text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:80vh;margin-top:-120px;padding:100px 0 0 50px;display:flex}.contact-container{margin:100px 50px}.contact-form{background-color:#fff;border-radius:12px;flex-direction:column;gap:2rem;max-width:800px;margin:2rem auto;padding:2rem;display:flex;box-shadow:0 4px 20px #0033771a}.form-row{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-form-group{flex-direction:column;gap:.75rem;display:flex}.contact-label{color:#037;font-family:barlow,monospace;font-size:1rem;font-weight:600}.contact-input,.contact-textarea{color:#000;background-color:#f8f9fa;border:2px solid #037;border-radius:8px;width:90%;padding:.75rem;font-family:barlow,monospace;font-size:1rem;transition:border-color .3s,box-shadow .3s}.contact-form-mobile{width:96%!important}.contact-input:focus,.contact-textarea:focus{border-color:#40ffc9;outline:none;box-shadow:0 0 8px #40ffc94d}.contact-textarea{resize:vertical;min-height:120px}.contact-submit-button{color:#fff;cursor:pointer;background-color:#037;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:barlow,monospace;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:flex}.contact-submit-button:hover{background-color:#025;transform:translateY(-2px)}.contact-submit-button.submitting{cursor:not-allowed;background-color:#025}.spinner{border:2px solid #40ffc9;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.status-message{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:500;display:flex}.status-message.success{color:#037;background-color:#40ffc9}.status-message.error{color:#fff;background-color:#ff4d4f}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (max-width:800px){.contact-hero-section{text-align:center;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:40vh;padding:60px 20px;display:flex}.contact-form{background-color:#fff0;border-radius:12px;flex-direction:column;gap:20px;width:90%;max-width:100%;margin:0;padding:20px;display:flex;box-shadow:0 4px 20px #0033771a}.contact-container{margin:60px 20px}.contact-input,.contact-textarea{width:80%}.contact-form-mobile{width:90%!important}.form-row{gap:1rem}}
