.footer-animated{animation:fadeInUp 1s ease-in-out;background-color:#000;color:#cbd5e1;overflow:hidden;padding:3rem 2rem;position:relative}.footer-animated:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}@media (min-width:640px){.footer-animated{padding:3rem 2rem}}@media (min-width:1024px){.footer-animated{padding:4rem 3rem}}.footer-animated a:hover{color:var(--color-primary)}.footer-grid{display:grid;gap:2rem;margin:0 auto;max-width:1280px;padding:0 1rem;position:relative;text-align:center;z-index:1}@media (min-width:640px){.footer-grid{gap:3rem;grid-template-columns:1fr}}@media (min-width:1000px){.footer-grid{gap:4rem;grid-template-columns:1.5fr 1fr 1fr;padding:0 2rem;text-align:left}}.footer-brand{grid-column:1}.footer-links-container{display:flex;flex-direction:row;gap:2rem;margin:0 auto;max-width:300px;width:100%}@media (min-width:640px){.footer-links-container{flex-direction:row;gap:4rem;justify-content:center;max-width:none}}@media (min-width:1000px){.footer-links-container{display:grid;gap:3rem;grid-template-columns:1fr 1.5fr;margin:0}}.footer-links{grid-column:auto;width:100%}.footer-links ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;min-width:-moz-max-content;min-width:max-content;padding-left:0;text-align:center}.footer-links a{font-size:.875rem;padding-left:0;position:relative;transition:all .3s ease;white-space:nowrap}.footer-links a:hover{color:var(--color-primary);padding-left:10px}@media (min-width:1000px){.footer-links ul{text-align:left}}.footer-brand h3{display:inline-block;font-size:1.875rem;font-weight:700;margin-bottom:1rem;position:relative;white-space:nowrap}.footer-brand h3:after{background:var(--color-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-brand h3:hover:after{width:100%}.footer-brand p{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.footer-contact-btn{align-items:center;background:transparent;border:2px solid var(--color-primary);border-radius:50px;color:var(--color-primary);display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .4s ease}.footer-contact-btn:before{background:var(--color-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .4s ease;width:100%;z-index:1}.footer-contact-btn:hover{box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.3);color:#fff;transform:translateY(-3px)}.footer-contact-btn:hover:before{transform:scaleX(1);transform-origin:left}.footer-contact-btn span{position:relative;transition:color .4s ease;z-index:2}.footer-contact-btn:hover span{color:#fff}.footer-contact-btn svg{height:1.25rem;position:relative;transition:all .4s ease;width:1.25rem;z-index:2}.footer-contact-btn:hover svg{stroke:#fff;transform:translateX(5px)}.footer-links h4{display:inline-block;font-size:1.125rem;font-weight:600;margin-bottom:1rem;position:relative;text-align:center;white-space:nowrap;width:100%}.footer-links h4:after{background:var(--color-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links h4:hover:after{width:100%}.footer-social{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media (min-width:1000px){.footer-social{justify-content:flex-start}}.footer-icon{align-items:center;background:hsla(0,0%,100%,.1);border-radius:9999px;color:var(--color-secondary);display:inline-flex;height:2.5rem;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease;width:2.5rem}.footer-icon:before{background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.footer-icon:hover:before{opacity:1}.footer-icon svg{height:1.25rem;position:relative;transition:all .3s ease;width:1.25rem;z-index:1}.footer-icon:hover{box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.3);transform:translateY(-3px) rotate(5deg)}.footer-icon:hover svg{color:#fff}.footer-mail{align-items:center;border-radius:.5rem;color:#9ca3af;display:inline-flex;font-size:.875rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-mail svg{flex-shrink:0;height:1.25rem;width:1.25rem}.footer-mail span{white-space:nowrap}@media (min-width:1000px){.footer-mail{justify-content:flex-start}}.footer-mail:hover{background:hsla(0,0%,100%,.1);color:var(--color-primary);transform:translateX(5px)}.footer-legal{color:#9ca3af;font-size:.875rem;margin-top:2rem;position:relative;text-align:center}.footer-legal:before{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);content:"";height:1px;left:50%;position:absolute;top:-1rem;transform:translateX(-50%);width:50%}.footer-legal-links{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}@media (min-width:768px){.footer-legal-links{flex-direction:row;gap:1rem;justify-content:center}}.footer-legal-link{padding:.25rem 0;position:relative;transition:all .3s ease}.footer-legal-link:after{background:var(--color-primary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-legal-link:hover:after{width:100%}.footer-copyright{color:#6b7280;font-size:.875rem;margin-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dark-mode .footer-animated{background-color:var(--dark-bg)}.dark-mode .footer-icon,.dark-mode .footer-mail:hover{background:hsla(0,0%,100%,.05)}@media (min-width:1000px){.footer-links h4{text-align:left}}@media (max-width:480px){.footer-animated{padding-bottom:5rem}.footer-contact-btn{gap:8px;padding:6px 14px}.footer-contact-btn span{font-size:13px}.footer-contact-btn svg{height:1rem;width:1rem}.footer-copyright p{font-size:10px}}@media (max-width:350px){.footer-animated{padding:3rem 0 5rem}.footer-grid{padding:0}.footer-links h4{font-size:12px}.footer-links ul{gap:3px}.footer-links a{font-size:10px}.footer-contact-btn{gap:8px;padding:6px 14px}.footer-contact-btn span{font-size:13px}.footer-contact-btn svg{height:1rem;width:1rem}.footer-copyright p{font-size:10px}}
