#page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:0 0;z-index:99999;pointer-events:none}#page-progress .bar{width:0%;height:100%;background:linear-gradient(90deg,#5dc975,#5dc975,#5dc975);transition:width .2s ease,opacity .3s ease;box-shadow:0 0 2px rgba(34,197,94,.6)}#page-progress.hidden{opacity:0;transition:opacity .3s ease}body,html{margin:0;padding:0;font-family:Montserrat,sans-serif}.top-header{display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(204,204,204,.5);padding:10px 20px;position:fixed;top:0;left:0;right:0;z-index:10000;height:56px;width:100%;box-sizing:border-box;flex-wrap:nowrap}.top-header>*{flex-shrink:1;min-width:0;white-space:nowrap}@media (max-width:919px){.top-header{justify-content:space-between}}.logo{display:flex;align-items:center}.logo img{height:35px;margin-right:50px;filter:brightness(0) saturate(100%) invert(53%) sepia(81%) saturate(624%) hue-rotate(96deg) brightness(92%) contrast(85%)}@media screen and (max-width:480px){.logo img{height:28px!important;margin-right:20px!important}}.nav-menu{display:flex;gap:25px;font-size:15px;font-weight:500}.nav-menu a{text-decoration:none;color:#555;padding:5px;position:relative;transition:color .3s ease;white-space:nowrap}.nav-menu a.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#5dc975}.nav-menu a::before{content:'';position:absolute;bottom:-2px;left:0;height:2px;width:0;background-color:#5dc975;transition:width .3s ease;z-index:1}.nav-menu a:hover::before{width:100%}.nav-menu a:hover{color:#5dc975}.login-menu-wrap{display:flex;align-items:center;gap:15px}.login-btn a{font-weight:700;color:#555;text-decoration:none;font-size:16px}.login-btn a:hover{color:#5dc975}.menu-toggle{position:relative;width:30px;height:20px;cursor:pointer;display:none}.menu-toggle span{position:absolute;right:0;height:2px;background:#333;border-radius:2px;transition:transform .25s ease,opacity .25s ease,top .25s ease,bottom .25s ease}.menu-toggle span:first-child{top:0;width:30px}.menu-toggle span:nth-child(2){top:9px;width:26px}.menu-toggle span:nth-child(3){bottom:0;width:22px}.menu-toggle.active span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%) rotate(-45deg)}@media (max-width:920px){.nav-menu{position:absolute;top:56px;right:0;background:#fff;flex-direction:column;align-items:flex-start;width:200px;padding:20px;transform:translateX(100%);transition:transform .3s ease-in-out;z-index:999}.nav-menu.show{transform:translateX(0)}.menu-toggle{display:block}}.auth-modal-overlay{position:fixed;inset:0;background:rgba(255,255,255,.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:99999}.auth-modal-content{background:#fff;width:90%;max-width:420px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;animation:authFadeIn .2s ease;border:1px solid #5dc975}.auth-modal-header{padding:15px;background:#5dc975;color:#fff;display:flex;justify-content:space-between;align-items:center}.auth-modal-close{background:0 0;border:none;font-size:20px;color:#fff;cursor:pointer}.auth-modal-tabs{display:flex;background:#f1f1f1;border-bottom:1px solid #ccc}.auth-tab-btn{flex:1;padding:12px 5px;border:none;background:0 0;font-weight:700;cursor:pointer;position:relative;color:#555;transition:color .3s}.auth-tab-btn.active{color:#5dc975}.auth-tab-btn.active::after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:3px;background-color:#5dc975;border-radius:2px}.auth-modal-body{padding:20px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:10px}.auth-tab-content{display:flex;flex-direction:column;gap:10px}.auth-modal-body input{padding:10px;border:1px solid #ccc;border-radius:5px}.auth-submit-btn{background:#5dc975;color:#fff;border:none;padding:10px;border-radius:5px;font-weight:700;cursor:pointer}.auth-google-login{text-align:center;margin-top:10px}.auth-google-btn{background:#db4437;color:#fff;padding:10px;width:100%;border:none;border-radius:5px;margin-top:5px;cursor:pointer}@keyframes authFadeIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.login-btn button{background:0 0;border:none;font-weight:700;color:#555;font-size:16px;font-weight:500;cursor:pointer;transition:color .3s ease}.login-btn{margin-left:180px;white-space:nowrap;margin-right:20px}.login-btn button:hover{color:#5dc975}.auth-greeting-text{font-size:16px;font-weight:500;margin:0;line-height:1.4}@media (max-width:768px){.login-btn button{background:0 0;border:none;font-weight:700;color:#555;font-size:14px;font-weight:500;cursor:pointer;transition:color .3s ease}.login-btn{margin-left:0;white-space:nowrap;margin-right:0}}.user-menu{position:relative;display:inline-block}.user-trigger{display:flex;align-items:center;cursor:pointer;padding:4px 8px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-trigger img{width:32px;height:32px;border-radius:50%;margin-right:6px}.arrow-down{font-size:10px;color:#888;margin-left:4px}.dropdown{display:none;position:fixed;right:0;left:auto;background:#fff;border:1px solid #5dc975;min-width:200px;z-index:1000;padding:6px 0;transform-origin:top right;top:56px}.dropdown a{display:flex;align-items:center;padding:10px 14px;color:#333;text-decoration:none;white-space:nowrap;font-size:14px}.dropdown a i,.dropdown a img{width:18px;height:18px;margin-right:10px;flex-shrink:0}.dropdown a:hover{background:#d2f6da}#username{display:flex;flex-direction:column;min-width:0;line-height:1.2}#username .user-name{color:#5dc975;font-weight:300;font-size:18px}#username .user-id{font-size:16px;color:#7a7a7a;white-space:nowrap}@media (max-width:450px){#username .user-name{font-size:16px}#username .user-id{font-size:14px}#navMenu{font-size:12px}#tab-link{font-size:14px}.logo img{height:40px;margin-right:0}}@media (min-width:920px){.dropdown{position:absolute;right:0;top:48px}.dropdown::before{right:12px;left:auto;transform:none}}.spin-icon{display:inline-block;animation:spin 1s linear infinite;vertical-align:middle;margin-left:6px;position:relative;top:-1px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:#5dc975;border-radius:10px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.loading-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.spacer{height:66px}