.sticky-container[data-v-22e1468b]{position:fixed;top:0;left:0;z-index:100;width:100%}.logo-container{img[data-v-22e1468b]{height:clamp(0px,7vw,30px)}@media (max-width: 425px){img[data-v-22e1468b]{height:30px}}}.navbar{&[data-v-22e1468b]{display:flex;background-color:#fff;justify-content:space-between;align-items:center;max-width:min(100vw,500px);margin:0 auto;padding:min(2.5vw,10px) min(2.5vw,10px) 0 min(2.5vw,10px);height:min(12vw,80px)}.navbar-content{&[data-v-22e1468b]{display:flex;justify-content:space-between;align-items:center}.button-section[data-v-22e1468b]{display:flex}.btn-login[data-v-22e1468b]{background:linear-gradient(270deg,#ff8a00,#ffe86e);border:none;padding:0 20px;border-radius:20px;cursor:pointer;color:#000;font-size:16px;font-weight:medium}.button-image{&[data-v-22e1468b]{height:min(10.15vw,50px)}&.register-button[data-v-22e1468b]{margin-left:-6%}}.menu-button.menu-button img[data-v-22e1468b]{height:min(9vw,40px)}.menu-button.mission-button img[data-v-22e1468b]{height:min(13vw,52px)}}.site-title[data-v-22e1468b]{font-size:24px;min-width:120px;text-align:center}}.header-left[data-v-22e1468b]{position:relative;display:flex;flex-direction:row}.header-left img[data-v-22e1468b]{height:min(10.15vw,50px);cursor:pointer}.header-left img[data-v-22e1468b]:nth-child(2){margin-left:-6%;cursor:pointer}.header-left-loggedin[data-v-22e1468b]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.header-left-loggedin .bg-img[data-v-22e1468b]{height:min(10.15vw,50px);-o-object-fit:cover;object-fit:cover}.header-left-loggedin .user-name[data-v-22e1468b]{position:absolute;left:18%;top:15%;display:flex;align-items:center;justify-content:center;flex-direction:row;height:30%;gap:2px}.header-left-loggedin .user-name img[data-v-22e1468b]{height:80%;-o-object-fit:cover;object-fit:cover}.header-left-loggedin .user-balance[data-v-22e1468b]{position:absolute;left:12%;top:50%;display:flex;align-items:center;justify-content:center;flex-direction:row;height:28%;gap:2px}.header-left-loggedin .user-balance img[data-v-22e1468b]{height:80%;-o-object-fit:cover;object-fit:cover}.header-left-loggedin .refresh-btn[data-v-22e1468b]{position:absolute;right:22%;top:45%;height:35%;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-left-loggedin .refresh-btn img[data-v-22e1468b],.header-left-loggedin .bg-img img[data-v-22e1468b]{height:100%;-o-object-fit:cover;object-fit:cover}.announcement-bar[data-v-22e1468b]{max-width:500px;background-color:#1a78ea;margin:auto;overflow:hidden;white-space:nowrap;width:auto;color:#fff}.announcement-text[data-v-22e1468b]{animation:runText-22e1468b 20s linear infinite;font-size:.75rem}@keyframes runText-22e1468b{0%{transform:translate(100%)}to{transform:translate(-100%)}}.announcement-container[data-v-22e1468b]{position:fixed;top:100px;left:0;right:0;z-index:1000}.slide-menu-overlay[data-v-22e1468b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;animation:fadeIn-22e1468b .3s ease-in-out}.slide-menu[data-v-22e1468b]{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:right .3s ease-in-out;box-shadow:-2px 0 10px #0000001a}.slide-menu-active[data-v-22e1468b]{right:0}.slide-menu-header[data-v-22e1468b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background-color:#f8fafc}.slide-menu-title[data-v-22e1468b]{font-size:18px;font-weight:600;color:#1f2937;margin:0}.slide-menu-close[data-v-22e1468b]{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:5px;border-radius:50%;transition:background-color .2s}.slide-menu-close[data-v-22e1468b]:hover{background-color:#e5e7eb;color:#374151}.slide-menu-content[data-v-22e1468b]{padding:10px 0}.slide-menu-item[data-v-22e1468b]{display:flex;align-items:center;padding:15px 20px;margin:10px 20px;cursor:pointer;transition:all .2s;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000000d}.slide-menu-item[data-v-22e1468b]:hover{background-color:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.slide-menu-icon[data-v-22e1468b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#3b82f6;font-size:14px;margin-right:15px}.slide-menu-text[data-v-22e1468b]{flex:1;font-size:16px;color:#374151;font-weight:500}.slide-menu-arrow[data-v-22e1468b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#3b82f6;border-radius:50%;color:#fff;font-size:12px}.slide-menu-item.active[data-v-22e1468b]{border:2px solid #3b82f6;background-color:#f0f8ff;box-shadow:0 2px 8px #3b82f633}.language-options[data-v-22e1468b]{padding:0 10px;margin:0 20px 0 40px}.language-item[data-v-22e1468b]{margin:5px 0;padding:12px 15px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 2px #0000000d}.language-item[data-v-22e1468b]:hover{background-color:#f8f9fa;transform:none;box-shadow:0 2px 4px #0000001a}.language-item.active[data-v-22e1468b]{border:2px solid #3b82f6;background-color:#f0fdf4;box-shadow:0 2px 8px #10b98133}.language-item.active .slide-menu-arrow[data-v-22e1468b]{background-color:#10b981;color:#fff}.user-menu-section[data-v-22e1468b]{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.logout-item[data-v-22e1468b]{border:1px solid #fecaca;background-color:#fef2f2}.logout-item[data-v-22e1468b]:hover{background-color:#fee2e2;border-color:#fca5a5}.logout-icon[data-v-22e1468b]{background-color:#ef4444!important;border:2px solid #ef4444!important;color:#fff!important}.logout-arrow[data-v-22e1468b]{background-color:#ef4444!important;color:#fff!important}@keyframes fadeIn-22e1468b{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.slide-menu[data-v-22e1468b]{width:280px;right:-280px}.slide-menu-active[data-v-22e1468b]{right:0}}