.contact-footer{background:var(--background);padding:0 2rem;width:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.logoGlovesContainer{position:relative;display:inline-block;margin:2rem auto 0}.merakiLogo{width:100%;max-width:300px;display:block}.boxingGloves{position:absolute;bottom:-35px;left:-10px;width:75px;transform-origin:top right;animation:swing 2s infinite alternate}@keyframes swing{0%{transform:rotate(-4deg);transform-origin:top center}to{transform:rotate(4deg);transform-origin:top center}}.logo-container{transform:scale(.5)}.contact-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;max-width:900px;background:var(--foreground);padding:2rem;margin:3rem auto 0;border-radius:15px 15px 0 0;box-shadow:0 10px 25px rgba(0,0,0,.7)}.contact-heading{font-size:3rem;line-height:1;margin-bottom:.5rem;text-align:center}.contact-subheading{font-size:1.1rem;color:var(--netural);text-align:center;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.contact-form input,.contact-form textarea{font-size:1rem;padding:14px 16px;border:1px solid var(--background);border-radius:10px;background-color:var(--foreground);color:var(--background);transition:border-color .3s ease;resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none;background-color:var(--foreground);color:var(--background)}.contact-submit{padding:16px;background-color:var(--primary);color:var(--foreground);font-weight:600;font-size:1rem;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s ease,transform .5s ease}.contact-submit:hover{transform:scale(1.02)}.contact-footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;font-size:.95rem;color:var(--netural);border-top:1px solid var(--foreground);margin-top:1rem}.footer-phone{color:var(--netural);margin-left:1rem}.footer-link{text-decoration:none;font-weight:500;transition:color .3s ease;margin-right:1rem}.footer-link,.footer-link:hover{color:var(--primary)}.footer-credit{padding-top:1.5rem;font-size:.9rem;color:var(--netural);text-align:left}.footer-credit a{color:var(--netural);text-decoration:none}.footer-credit p{color:var(--background)}.footer-credit a:hover{color:var(--primary)}.v-divider{display:inline-block;width:1px;height:1.1rem;background-color:var(--netural);margin:0 .25rem;vertical-align:middle}.footer-credit-texts{display:flex;align-items:center;gap:.05rem}.spinner{width:18px;height:18px;border-top:3px solid var(--foreground);border:3px solid var(--foreground);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.footer-credit-texts{flex-direction:column}.footer-credit-texts span{display:none}}@media (max-width:500px){.contact-container h1{font-size:xx-large;line-height:1.5}.contact-container{padding:.5rem 1rem}.contact-container p{font-size:small}.logo-container{transform:scale(.45)}.contact-form input,.contact-form textarea{font-size:.75rem;padding:.75rem}.contact-form,.contact-grid{gap:.75rem}.contact-submit{padding:.75rem}.contact-footer-row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.footer-link,.footer-phone{margin-left:0;margin-right:0}.contact-footer{padding:0 1rem}}@media (max-width:400px){.contact-container{padding:.5rem 1rem}.contact-container h1{font-size:x-large;line-height:1}.contact-container p{font-size:x-small}.logo-container{transform:scale(.45)}.contact-form input,.contact-form textarea{font-size:.75rem;padding:.5rem}.contact-form,.contact-grid{gap:.75rem}.contact-submit{padding:.5rem}.contact-footer-row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.footer-link,.footer-phone{font-size:.75rem;margin-left:0;margin-right:0}.contact-footer{padding:0 1rem}}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:focus,.contact-form input:-webkit-autofill:hover,.contact-form textarea:-webkit-autofill,.contact-form textarea:-webkit-autofill:focus,.contact-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--background)!important;-webkit-box-shadow:0 0 0 1000px var(--foreground) inset!important;border:1px solid var(--secondary)!important}