.nav-container{width:100%;position:relative;margin-top:10px}.navbar{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8vw}.navbar .menu{font-size:2vw;font-weight:300;cursor:pointer}.navbar Image{object-fit:cover}.yuduart-logo{width:100px;height:30px}.login-button{height:20px;border:1px solid #0000;cursor:pointer}.login-button span{border:1px solid #b4b4b4;padding:12px 14px;border-radius:50px}.nav-modal{position:absolute;top:60%;right:8%;width:150px;height:200px;background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:30px 22px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;display:block}.nav-modal-list{list-style-type:none;padding:0;margin:0;text-align:center}.nav-modal-list li{padding:10px;cursor:pointer;border-bottom:.5px solid #f6f6f6;font-size:16px;font-weight:600}.nav-modal-list li:hover{background-color:#f0f0f0}.nav-options{display:flex;align-items:center;gap:.5vw;justify-content:space-between}.nav-options .step{font-size:18px;background-color:#efefef;font-weight:500;font-family:Inter;padding:7px 1.5vw;border-radius:20px}.nav-points{display:flex;align-items:center;gap:.5vw}.nav-points h5{font-size:18px;background-color:#f5f6f9;font-weight:600;font-family:Inter;padding:7px 1vw;border-radius:20px}@media (max-width:480px){.navbar{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0}.nav-container{width:100%;height:10vh;padding:2vw 7vw;position:relative}.nav-modal{display:block}.navbar .menu{font-size:20px}.yuduart-logo{width:100px;height:30px}.nav-mobile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-end;z-index:1000}.nav-mobile-modal{position:fixed;bottom:0;left:0;z-index:999;width:100%;background:#fff;box-shadow:0 -5px 10px rgba(0,0,0,.1);padding:20px;text-align:center;border-radius:30px 30px 0 0;transform:translateY(100%);animation:slideUp .3s forwards}.nav-modal-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 2vw}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav-modal-list-mobile{list-style-type:none;padding:0;margin:0;text-align:center}.nav-modal-list-mobile li{display:block;padding:10px;cursor:pointer;border-bottom:.5px solid #f6f6f6;font-size:18px;font-weight:600}.nav-options{display:flex;align-items:center;gap:1vw;justify-content:space-between}.nav-options .step{font-size:16px;background-color:#efefef;font-weight:500;font-family:Inter;padding:7px 1.5vw;border-radius:20px}}@media(min-width:320px) and (max-width:375px){.navbar .menu{font-size:18px}.yuduart-logo{width:80px;height:30px}.nav-options .step{font-size:14px;background-color:#efefef;font-weight:500;font-family:Inter;padding:7px 1.5vw;border-radius:20px}}.signout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.signout-modal{width:90%;max-width:300px;height:200px;background:#fff;border-radius:12px;padding:24px;text-align:center;position:relative;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.2)}.button-group{display:flex;justify-content:space-between;flex-direction:column;gap:8px;margin-top:15px}.button-group button{width:100%;max-width:300px;padding:10px;border:none;border-radius:6px;background-color:#000;color:#fff;cursor:pointer;font-size:16px;transition:.3s ease}.button-group button:hover{background-color:#333}.logout-button{cursor:pointer;padding:10px;border-bottom:.5px solid #f6f6f6;font-family:Inter;font-weight:600}.logout-button:hover{background-color:#f0f0f0}.logout-text{font-size:16px;text-align:center;font-family:Inter;font-weight:500}@media(max-width:480px){.logout-button{cursor:pointer;padding:10px;border-bottom:.5px solid #f6f6f6;font-family:Inter;font-size:18px;font-weight:600}}