.contact-container{background-color:var(--bgcolor);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.contact-card{background-color:#fff;border-radius:12px;width:100%;max-width:600px;animation:.5s ease-out fadeIn;overflow:hidden;box-shadow:0 10px 25px #0d0d4d26}.contact-header{text-align:center;background-color:var(--navcolor);color:var(--fontcolor);border-bottom:3px solid var(--color-secondary);padding:2rem}.contact-header h2{margin:0;font-size:1.8rem;font-weight:600}.contact-header p{opacity:.9;margin:.5rem 0 0;font-size:1rem}.contact-form{padding:2rem}.form-group{margin-bottom:1.5rem;position:relative}.textarea-icon{top:1.2rem}.form-group input,.form-group textarea{width:100%;color:var(--navcolor);box-sizing:border-box;background-color:#0000;border:1px solid #0d0d4d33;border-radius:8px;outline:none;padding:1rem 1rem 1rem 2.8rem;font-size:1rem;transition:all .3s}.form-group textarea{resize:vertical;min-height:150px}.form-group label{color:#0d0d4d99;pointer-events:none;font-size:1rem;transition:all .3s;position:absolute;top:1rem;left:2.8rem}.form-group.focused input,.form-group.focused textarea,.form-group.has-value input,.form-group.has-value textarea{border-color:var(--navcolor);box-shadow:0 0 0 4px #0d0d4d1a}.form-group.focused label,.form-group.has-value label{color:var(--navcolor);background-color:#fff;padding:0 .5rem;font-size:.8rem;font-weight:600;left:1rem;transform:translateY(-1.8rem)}.form-group.focused .input-icon{color:var(--navcolor);opacity:1}.submit-button{background-color:var(--bgbuttons);width:100%;color:var(--buttonscolor);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}.submit-button:hover{background-color:var(--navcolor);transform:translateY(-2px);box-shadow:0 4px 12px #0d0d4d40}.submit-button:active{box-shadow:none;transform:translateY(0)}.button-text{margin-right:.5rem;transition:transform .3s}.send-icon{transition:transform .3s}.submit-button:hover .send-icon{transform:translate(4px)}.submit-button.submitting{background-color:var(--navcolor);pointer-events:none}.submit-button.submitting .button-text,.submit-button.submitting .send-icon{animation:1.5s infinite pulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width:768px){.contact-container{padding:1rem}.contact-card{border-radius:8px}.contact-header,.contact-form{padding:1.5rem}}@media (max-width:480px){.contact-header h2{font-size:1.5rem}.contact-header p,.form-group input,.form-group textarea,.form-group label{font-size:.9rem}.submit-button{padding:.8rem;font-size:.9rem}}