.footer{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#ccc;padding:3rem 2rem;font-family:Arial,sans-serif}.footer .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer .footer-top .footer-about{flex:1 1;min-width:250px}.footer .footer-top .footer-about .footer-about-title-logo{display:flex;flex-direction:row}.footer .footer-top .footer-about .footer-about-title-logo .inline-logo{font-weight:700}.footer .footer-top .footer-about h2{color:#fff;margin-bottom:1rem}.footer .footer-top .footer-about p{margin-bottom:1.5rem;line-height:1.5}.footer .footer-top .footer-about .footer-apps{display:flex;gap:1rem}.footer .footer-top .footer-about .footer-apps img{height:40px;cursor:pointer}.footer .footer-top .footer-links{flex:2 1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:2rem;gap:2rem}.footer .footer-top .footer-links h4{color:#fff;margin-bottom:1rem}.footer .footer-top .footer-links ul{list-style:none;padding:0}.footer .footer-top .footer-links ul li{margin-bottom:.5rem;cursor:pointer;transition:color .3s}.footer .footer-top .footer-links ul li:hover{color:#fbbf24}.footer .footer-bottom{margin-top:2rem;border-top:1px solid #333;padding-top:1rem;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.footer .footer-bottom p{margin:.5rem 0;display:flex;align-items:center;gap:.5rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;height:1rem;top:0}.navbar .logo{display:flex;flex-direction:row}.navbar .logo .nav-title{font-size:1.5rem;font-weight:700;margin-top:2rem}.navbar .logo .inline-logo{font-weight:700}.navbar .nav-links{list-style:none;display:flex;gap:1.5rem}.navbar .nav-links li a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.navbar .nav-links li a:hover{color:#fbbf24}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f9f9f9;color:#333}