.navbar{background-color:#fff;padding:.8rem 6rem;color:#000;position:fixed;top:0;left:0;right:0;z-index:1000}.tabletnav{display:flex;flex-direction:column;align-items:start;gap:7px}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:1rem;position:relative}.xlogo{width:140px;height:auto}.desktop-menu{display:flex;align-items:center;gap:1.5rem;flex:1}.categories-dropdown{position:relative}.categories-btn{padding:.6rem 1.2rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:all .2s ease}.categories-btn:hover{border-color:#710feafd;color:#710feafd}.arrow-down{font-size:.8rem;margin-left:4px}.dropdown-content{position:absolute;top:120%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem 0;box-shadow:0 4px 20px rgba(0,0,0,.1);min-width:220px;max-height:250px;overflow-y:auto;z-index:1002}.dropdown-content a{display:block;padding:.8rem 1.2rem;text-decoration:none;color:#333;transition:all .2s ease}.dropdown-content a:hover{background-color:#f8f5ff;color:#710feafd}.search-input{padding:.8rem 1.2rem;transition:all .2s ease}.search-button{border-top-right-radius:8px;border-bottom-right-radius:8px;color:#6937ff}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;font-weight:500;color:#000;font-size:1rem;transition:color .2s ease}.nav-links a:hover{color:#6937ff}.nav-right{display:flex;align-items:center;gap:1.2rem}.post-ad-btn{background:#6937ff;color:#fff;padding:.7rem 1.4rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;border:1px solid #6937ff}.post-ad-btn:hover,.signin-btn{background:#fff;color:#6937ff}.signin-btn{text-decoration:none;padding:.7rem 1.4rem;border:1px solid #e0e0e0;border-radius:8px;font-weight:500;transition:all .2s ease}.login-btn{background:#6937ff;border:none;color:#fff}.signin-btn:hover{border-color:#6937ff;background:#f8f5ff}.mobile-menu-btn{display:none;background:none;border:none;color:#333;cursor:pointer;padding:.5rem}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:1000;grid-template-columns:repeat(4,1fr);text-align:center;height:65px;align-items:center;justify-content:space-around;padding-bottom:1rem}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:#666;font-size:.75rem;padding:.5rem}.mobile-nav-item.active,.mobile-nav-item:hover{color:#6937ff}.mobile-menu-overlay{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#fff;z-index:999;padding:1rem}.mobile-menu-content{display:flex;flex-direction:column;gap:1rem}.mobile-auth-btn{width:100%;padding:1rem;border-radius:8px;font-weight:500;text-align:center;transition:all .2s ease}.mobile-auth-btn:first-child{background:#6937ff;color:#fff;border:1px solid #6937ff}.mobile-auth-btn:last-child{background:#fff;color:#6937ff;border:1px solid #e0e0e0}.mobile-search{display:none;padding:.5rem 1rem;background:#fff;border-top:1px solid #e0e0e0}.mobile-search.show{display:block}.mobile-search-input{width:100%;padding:.8rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem}.explore-dropdown{position:relative;display:inline-block}.explore-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:4px;top:100%;left:0}.explore-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.explore-content a:hover{background-color:#f1f1f1}.explore-dropdown:hover .explore-content{display:block}@media screen and (min-width:320px) and (max-width:540px){.navbar-container{width:100vw;margin-top:-1rem;margin-left:-1rem;padding-top:1rem;padding-left:1rem;padding-right:1rem;z-index:1000}.navbar{padding:.8rem 1rem}.xlogo{min-width:125px;height:auto;object-fit:contain;object-position:left;margin-bottom:.6rem}.desktop-menu{display:none}.mobile-bottom-nav{height:58px;padding-bottom:1rem;box-shadow:inset 0 5px 15px rgba(127,41,248,.148);display:grid}.mobile-auth{gap:.5rem;width:88px;height:40px;display:flex}.search-wrapper{margin-left:-1rem;height:50px;border-top:none;padding:.5rem 1rem;width:100vw;z-index:0}.search-container{max-width:100%;z-index:1;height:42px}body{padding-top:120px}.nav-right{display:none}}.user-menu-container{position:relative;margin-left:auto}.user-menu-btn{width:40px;height:40px;border-radius:50%;background:#6d26f9;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1.2rem}.user-dropdown{position:fixed;top:0;right:0;height:100vh;background:#fff;border-left:1px solid #e0e0e0;padding:1rem;box-shadow:-2px 0 10px rgba(0,0,0,.1);min-width:250px;z-index:3000;animation:slideIn .3s ease-out}.user-info{display:flex;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0;margin-top:1rem}.user-details{display:flex;flex-direction:column;gap:.5rem}.username-container{display:flex;align-items:center;gap:8px}.username-container span{font-weight:500;color:#333}.edit-profile-btn{background:none;border:none;padding:0;cursor:pointer;color:#6937ff;display:flex;align-items:center;justify-content:center;height:20px;width:20px}.edit-profile-btn:hover{color:#6937ff}.user-links{display:flex;flex-direction:column;padding-top:1rem;gap:.8rem}.user-links a{color:#333;text-decoration:none;padding:.5rem 0}.user-links a:hover{color:#6937ff}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-locations-dropdown,.tablet-location-dropdown .location-dropdown-content{position:fixed;background:#fff;border-top:1px solid #e0e0e0;padding:1rem;box-shadow:0 -2px 8px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;z-index:1001}.mobile-locations-dropdown a,.tablet-location-dropdown .location-dropdown-content a{display:block;padding:.8rem 1rem;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0}.mobile-locations-dropdown a:hover,.tablet-location-dropdown .location-dropdown-content a:hover{background-color:#f8f5ff;color:#8a4fff}@media screen and (max-width:540px){.mobile-locations-dropdown{bottom:65px;left:0;right:0}}@media screen and (min-width:541px) and (max-width:768px){.tablet-location-dropdown .location-dropdown-content{position:absolute;top:100%;left:0;right:0;width:250px;border:1px solid #e0e0e0;border-radius:8px;margin-top:.5rem}.tablet-location-dropdown{position:relative;display:block}.location-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;color:#333}.location-btn:hover{border-color:#8a4fff;color:#8a4fff}}.mobile-auth{display:none}.search-wrapper{z-index:999}@media (max-width:1024px){.desktop-menu{display:none}.mobile-auth{display:flex;gap:.5rem}.mobile-auth .post-ad-btn,.mobile-auth .signin-btn{padding:.5rem 1rem;font-size:.88rem}.navbar{padding:.8rem 1rem}.search-wrapper{display:block}.search-container{max-width:100%}.xlogo{width:100px}.mobile-menu-btn{display:none}}.search-input{flex:1;padding:.8rem 3rem .8rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;outline:none;width:100%}.search-button{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:.5rem;background:#6d26f9;border:none;border-radius:0 8px 8px 0;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.search-wrapper{display:none;padding:.5rem 1rem;background:#fff;border-top:1px solid #e0e0e0}.search-container{flex:1;display:flex;max-width:600px;position:relative;margin:0 auto}@media (max-width:1024px){.desktop-menu .search-container{display:none}.search-wrapper{display:block}}main{padding-bottom:65px}@media (max-width:1024px){.mobile-bottom-nav{display:grid}}body{padding-top:120px}@media (max-width:1024px){body{padding-top:140px}}.signup-btn-container{display:flex;gap:1rem;align-items:center}.login-btn{padding:10px 24px;border-radius:7px;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.login-btn:hover{background:#f3f1f6fd;color:#6937ff;border:1px solid #6937ff}.tablet-nav,.tablet-nav .nav-links{align-items:center;gap:2rem}.tablet-nav .nav-links{display:flex}.tablet-nav .auth-buttons{display:flex;align-items:center;gap:1rem}@media screen and (min-width:769px) and (max-width:1024px){.navbar-container{padding:10px 8vw!important}.tablet-nav{display:flex}.mobile-bottom-nav,.mobile-menu-btn,.mobile-search{display:none}.xlogo{width:120px}.tablet-nav .nav-links a{color:#333;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.tablet-nav .nav-links a:hover{color:#6937ff}.tablet-nav .auth-buttons .post-ad-btn,.tablet-nav .auth-buttons .signin-btn{padding:.6rem 1.2rem;font-size:.95rem}}@media screen and (min-width:320px) and (max-width:768px){.tablet-nav{display:none}}.mobile-bottom-nav{display:none}@media screen and (max-width:540px){.mobile-bottom-nav{height:58px;padding-bottom:1rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 5px 15px rgba(127,41,248,.148);z-index:1000}}@media screen and (min-width:541px) and (max-width:768px){.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:10 8vw!important;width:100%}.logo{flex-shrink:0}.middle-nav{display:flex;gap:1.5rem;align-items:center;justify-content:center;margin:0 1rem}.middle-nav a{text-decoration:none;color:#333;font-size:.95rem;font-weight:500;padding:.5rem;transition:color .2s ease}.middle-nav a:hover{color:#6937ff}.auth-buttons{display:flex;gap:.8rem;align-items:center;flex-shrink:0}.auth-buttons .login-btn{background:transparent;color:#333}.auth-buttons .login-btn,.auth-buttons .signup-btn{padding:.6rem 1.2rem;border:none;cursor:pointer;font-weight:500}.auth-buttons .signup-btn{background:#6937ff;color:#fff;border-radius:4px}.auth-buttons .signup-btn:hover{background:#5a0ccf}.mobile-bottom-nav,.mobile-menu-btn{display:none}}@media screen and (min-width:769px){.mobile-bottom-nav{display:none}.tablet-location-dropdown .location-dropdown-content{position:absolute;top:100%;left:0;right:0;width:250px;border:1px solid #e0e0e0;border-radius:8px;margin-top:.5rem}.tablet-location-dropdown{position:relative;display:block}.location-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;color:#333}.location-btn:hover{border-color:#8a4fff;color:#8a4fff}}.tablet-location-dropdown{display:none}@media screen and (min-width:541px) and (max-width:1024px){.search-wrapper{display:flex;padding:0 10vw!important;align-items:center;gap:1rem;padding:.5rem 1rem}.tablet-location-dropdown{display:block;position:relative}.location-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.location-btn,.location-dropdown-content{background:#fff;border:1px solid #e0e0e0;border-radius:4px}.location-dropdown-content{position:absolute;top:100%;left:0;width:200px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;margin-top:.5rem}.location-dropdown-content a{display:block;padding:.5rem 1rem;text-decoration:none;color:#333}.location-dropdown-content a:hover{background:#f5f5f5}.arrow-down{font-size:.8rem}.mobile-bottom-nav{display:none}.middle-nav{display:block}}@media (min-width:1025px),screen and (max-width:540px){.tablet-location-dropdown{display:none}}.tablet-nav{display:none}@media screen and (max-width:540px){.tabletnav{display:none}}@media screen and (min-width:541px) and (max-width:1024px){.navbar-container{width:100vw;margin-top:-1rem;margin-left:-1rem;padding-top:1rem;padding-left:1rem;padding-right:1rem;z-index:1000}.navbar{height:90px;padding:.8rem 1rem 0}.xlogo{min-width:125px;height:auto;object-fit:contain;object-position:left;margin-bottom:.6rem}.desktop-menu{display:none}.search-wrapper{margin-left:-1.1rem;height:50px;border-top:none;padding:0 40px;width:100vw;z-index:0}.search-container{max-width:90%;height:42px}body{padding-top:120px}.nav-right{display:none}.tablet-nav{position:absolute;top:25%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3rem}.tablet-nav a{text-decoration:none;color:#333;font-size:1rem;font-weight:500;transition:color .2s ease}.tablet-nav a:hover{color:#6937ff}}@media screen and (min-width:1025px){.tabletnav{display:none}}.selected-location{background-color:#f0f0f0;color:#8b5cf6}.location-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}.location-dropdown-content a{padding:12px 16px;text-decoration:none;display:block;color:#333;transition:background-color .2s}.location-dropdown-content a:hover{background-color:#f8f8f8}.selected-location{background-color:#f8f5ff;color:#710feafd!important}@media screen and (max-width:1024px){.user-menu-container{position:relative;z-index:3000}.user-dropdown{width:280px;height:100vh;background:#fff;border-left:1px solid #e0e0e0;z-index:3000}.overlay,.user-dropdown{position:fixed;top:0;right:0}.overlay{left:0;bottom:0;background:rgba(0,0,0,.5);z-index:2999}}@media screen and (max-width:540px){.user-dropdown{width:100%}}@media screen and (max-width:768px){.user-dropdown{height:100vh;width:80%;max-width:300px;background:#fff;border-left:1px solid #e0e0e0;z-index:3000;animation:slideIn .3s ease-out}.overlay,.user-dropdown{position:fixed;top:0;right:0}.overlay{left:0;bottom:0;background:rgba(0,0,0,.5);z-index:2999}.user-menu-container{position:relative;z-index:3001}.user-menu-btn{z-index:3001}.mobile-auth .user-dropdown{display:block;z-index:3000}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.login-popup{justify-content:center}.login-popup,.signup_popup{display:flex;width:90%;height:100%;align-items:center}.signup_popup{justify-content:space-between}.signup_title{font-size:30px;font-weight:600}.submit_btn{background-color:#4409c4;color:#fff;padding:10px;transition:all .4s ease;border-radius:8px}.submit_btn:hover{font-size:20px}.popup_left{width:40%;height:100%;background-color:#4409c4;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}.popup_right{width:60%;padding:30px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.login_title{font-size:30px;font-weight:600}.login_form,.signup_form{display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;gap:1em;width:80%}.e-card{background:transparent;position:relative;width:100%;height:100%;border-radius:0;overflow:hidden}.wave{position:absolute;width:1000px;height:1000px;opacity:.6;left:0;top:0;margin-left:-50%;margin-top:10%;background:linear-gradient(43deg,#280785,#4409c4 30%,#5156ee 60%,#ebe0fe)}.logo_icon{width:200px;padding-bottom:1em}.infotop{text-align:center;font-size:20px;position:absolute;display:flex;flex-direction:column;align-items:center;gap:1em;top:5.6em;left:0;right:0;color:#fff;font-weight:600}.name{font-size:14px;font-weight:100;position:relative;top:1em;text-transform:lowercase}.wave:nth-child(2){top:80px;background:linear-gradient(43deg,#af40ff,#5b42f3 60%,#00ddeb)}.wave:nth-child(3){top:150px}.playing .wave{border-radius:40%;animation:wave 3s linear infinite}.wave{border-radius:40%;animation:wave 55s linear infinite}.playing .wave:nth-child(2){animation-duration:4s}.wave:nth-child(2){animation-duration:50s}.playing .wave:nth-child(3){animation-duration:5s}.wave:nth-child(3){animation-duration:45s}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (min-width:320px) and (max-width:520px){.login-popup,.signup_popup{width:100%;padding:0 1rem;height:auto;min-height:450px;flex-direction:column}.popup_left{width:100%;display:none;height:150px;border-radius:20px 20px 0 0;border-bottom-left-radius:0}.popup_right{width:100%;padding:20px 15px;justify-content:flex-start;gap:.7rem}.login_title,.signup_title{font-size:25px;margin-bottom:.5rem}.login_form{margin-top:40px;width:100%;gap:1.2rem}.signup_form{width:100%;gap:.3rem}.submit_btn{width:100%;padding:12px}.submit_btn,.submit_btn:hover{font-size:16px}.logo_icon{width:150px;padding-bottom:.5em}.infotop{top:3em;font-size:16px;gap:.5em}.wave{margin-top:0;height:500px}.wave:nth-child(2){top:40px}.wave:nth-child(3){top:80px}}@media screen and (min-width:521px) and (max-width:768px){.login-popup,.signup_popup{display:flex;width:90%;height:100%;gap:10%;justify-content:space-between;align-items:center}.signup_title{font-size:30px;font-weight:600}.submit_btn{background-color:#4409c4;color:#fff;padding:10px;transition:all .4s ease;border-radius:8px}.submit_btn:hover{font-size:20px}.popup_left{width:45%;height:100%;background-color:#4409c4;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}.popup_right{width:45%;padding:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.login_title{font-size:20px;font-weight:600}.login_form,.signup_form{display:flex;flex-direction:column;align-items:start;justify-content:space-evenly;gap:.8rem;width:100%}.signup_form{gap:.3rem}}@media screen and (min-width:769px){.login-popup{gap:1rem}.login-popup,.signup_popup{display:flex;width:90%;height:100%;justify-content:space-between;align-items:center}.signup_popup{gap:10%}.signup_title{font-size:30px;font-weight:600}.submit_btn{background-color:#4409c4;color:#fff;padding:10px;transition:all .4s ease;border-radius:8px}.submit_btn:hover{font-size:20px}.popup_left{width:45%;height:100%;background-color:#4409c4;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}.popup_right{width:45%;padding:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.login_title{font-size:20px;font-weight:600}.login_form,.signup_form{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:.5rem;width:100%}}