.login-container{position:relative}.login-popup{z-index:10;background-color:#fff;border:1px solid #ddd;border-radius:8px;min-width:120px;padding:.5rem 0;position:absolute;top:110%;right:0;box-shadow:0 4px 12px #0000001a}.popup-option{color:#333;background-color:#fff;padding:10px 16px;text-decoration:none;transition:background-color .2s;display:block}.popup-option:hover{color:#1f6dff;background-color:#f0f0f0}.navbar-container{color:#333;background-color:#fff;width:100%;height:10vh;font-family:inter}.navbar-section{justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.menu{flex-direction:row;justify-content:space-between;align-items:center;width:85%;display:flex}.logo{color:#333;justify-content:center;align-items:center;font-size:24px;font-weight:600;display:flex}.menu-items{color:#666;flex-direction:row;align-items:center;gap:20px;height:100%;font-size:16px;display:flex}.menu-item{color:#666}.active{color:#1f6dff}.login-btn{background-color:var(--token-a0cc5618-8e1a-43a9-aa7f-034422b2d80e,#1f6dff);color:#fff;cursor:pointer;border:none;border-radius:5px;flex:none;width:120px;height:30px;font-size:14px;transition:all .3s;position:relative;overflow:hidden}.login-btn:hover{opacity:.9}@media (max-width:1024px){.menu{width:95%}.menu-items{gap:15px;font-size:14px}.login-btn{width:100px;height:28px;font-size:12px}.navbar-container{height:8vh}}@media (max-width:768px){.navbar-container{height:7vh}.menu{width:100%;padding:0 10px}.logo{font-size:18px}.menu-items{gap:8px;font-size:12px}.menu-item{display:none}.menu-item.login-container{display:block}.login-btn{width:80px;height:28px;font-size:11px}.login-popup{min-width:100px}.popup-option{padding:8px 12px;font-size:12px}}@media (max-width:480px){.navbar-container{height:6vh}.logo{font-size:14px}.logo img{width:32px!important;height:32px!important}.menu-items{gap:5px}.login-btn{width:70px;height:26px;font-size:10px}.login-popup{min-width:90px;right:-10px}}