body{color:#333;background:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}html{scroll-behavior:smooth}
.navbar{color:#fff;box-sizing:border-box;z-index:100;background:linear-gradient(135deg,#4f46e5,#3b82f6);justify-content:space-between;align-items:center;min-height:60px;padding:1rem;display:flex;position:relative}.logo{align-items:center;gap:.5rem;display:flex}.logo .nav-title{font-size:1.5rem;font-weight:700}.logo .inline-logo{object-fit:contain;display:block}.nav-links{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links li button{color:#fff;cursor:pointer;background:0 0;border:none;padding:.4rem 0;font-family:inherit;font-size:1rem;transition:color .3s}.nav-links li button:hover{color:#fbbf24}html{scroll-behavior:smooth}#home,#browse,#trade,#quick-links{scroll-margin-top:100px}@media (max-width:768px){.navbar{flex-direction:column;gap:.8rem;padding:.8rem 1rem}.logo .nav-title{font-size:1.1rem}.logo .inline-logo{width:55px;height:55px}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.nav-links li button{font-size:.85rem}}
.footer{color:#ccc;background:linear-gradient(135deg,#4f46e5,#3b82f6);padding:3rem 2rem;font-family:Arial,sans-serif}.footer .footer-top{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.footer .footer-top .footer-about{flex:1;min-width:250px}.footer .footer-top .footer-about .footer-about-title-logo{flex-direction:row;display:flex}.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{gap:1rem;display:flex}.footer .footer-top .footer-about .footer-apps img{cursor:pointer;height:40px}.footer .footer-top .footer-links{flex:2;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;display:grid}.footer .footer-top .footer-links h4{color:#fff;margin-bottom:1rem}.footer .footer-top .footer-links ul{padding:0;list-style:none}.footer .footer-top .footer-links ul li{cursor:pointer;margin-bottom:.5rem;transition:color .3s}.footer .footer-top .footer-links ul li:hover{color:#fbbf24}.footer .footer-bottom{border-top:1px solid #333;flex-wrap:wrap;justify-content:space-between;margin-top:2rem;padding-top:1rem;font-size:.9rem;display:flex}.footer .footer-bottom p{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}
