.fotter-container-whole{width:100%;background-color:rgb(250,250,251);box-sizing:border-box;overflow-x:hidden}.footer-container{max-width:1200px;margin:0 auto;padding:50px 22px 10px;color:black}.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.footer-brand{display:flex;flex-direction:column;gap:10px}.brand-logo{width:2rem;height:2rem;border-radius:.5rem;align-items:center;justify-content:center;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.brand-logo,.fotter-brand-header{display:flex;gap:10px}.logo-letter{color:white;font-weight:700;font-size:1.125rem}.brand-name{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.brand-description{color:#6b7280;line-height:1.625}.newsletter h4{font-weight:600;margin-bottom:.75rem}.newsletter-input{display:flex;gap:.5rem;margin-bottom:.5rem}.newsletter-input input{width:100%;border-radius:.375rem;border:1px solid #e5e7eb;background-color:white;padding:.5rem .75rem;font-size:.875rem;outline:none;transition:border-color .2s}.newsletter-input button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;background-color:var(--app-color);color:white;height:2.5rem;padding:0 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s;border:none}.newsletter-input button:hover{background-color:#4338ca}.newsletter-note{font-size:.75rem;color:#6b7280}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-section h4{font-weight:600}.footer-section ul{display:flex;flex-direction:column;gap:.5rem;list-style-type:none;padding-left:0;margin:0}.footer-section a{color:#6b7280;font-size:.875rem;transition:color .2s}.footer-section a:hover{color:#111827}.footer-bottom{margin-top:2rem;padding-top:.6rem;border-top:1px solid #e5e7eb;flex-direction:column;gap:1rem}.footer-bottom,.legal-links{display:flex;align-items:center}.legal-links{gap:1.5rem;font-size:.875rem;color:#6b7280}.legal-links a{color:#6b7280;transition:color .2s}.legal-links a:hover{color:#111827}.social-links{display:flex;align-items:center;gap:1rem}.social-links span{font-size:.875rem;color:#6b7280}.social-icons{display:flex;gap:.75rem}.social-icons button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.375rem;color:#6b7280;transition:all .2s;border:none;background-color:rgb(250,250,251)}.social-icons button:hover{background-color:#f3f4f6;color:var(--app-color)}@media (min-width:1024px){.footer-grid{grid-template-columns:repeat(6,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:row;justify-content:space-between}}