*{box-sizing:border-box}body{margin:0;padding-top:70px}.learnix-navbar-container{z-index:1000;background-color:#fff;border-bottom:2px solid #e5f3ff;justify-content:space-between;align-items:center;height:70px;padding:.75rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.learnix-navbar-container:hover{box-shadow:0 2px 12px #3b82f614}.learnix-navbar-brand{flex-shrink:0;align-items:center;display:flex}.learnix-logo-link{transition:transform .2s;display:block}.learnix-logo-link:hover{transform:scale(1.02)}.learnix-logo-image{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:42px;transition:opacity .2s}.learnix-logo-image:hover{opacity:.9}.learnix-menu-toggle-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5f3ff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s;display:flex}.learnix-menu-toggle-btn:hover{color:#3b82f6;background-color:#f0f9ff;border-color:#3b82f6;transform:translateY(-1px)}.learnix-menu-toggle-btn:active{transform:translateY(0)}.learnix-menu-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.learnix-menu-toggle-btn:hover .learnix-menu-icon{transform:rotate(90deg)}.learnix-sidebar-backdrop{z-index:1001;background-color:#0006;animation:.25s learnix-fade-in;position:fixed;inset:0}@keyframes learnix-fade-in{0%{opacity:0}to{opacity:1}}.learnix-navigation-sidebar{z-index:1002;background-color:#fff;border-left:1px solid #e5f3ff;width:320px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-350px;overflow-y:auto;box-shadow:-3px 0 15px #0000001a}.learnix-sidebar-active{right:0}.learnix-sidebar-top{background-color:#fbbf24;border-bottom:1px solid #f59e0b;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.learnix-sidebar-logo{flex-shrink:0}.learnix-sidebar-logo-img{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:32px}.learnix-sidebar-close-button{color:#1f2937;cursor:pointer;background-color:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.learnix-sidebar-close-button:hover{background-color:#ffffff4d;transform:rotate(90deg)}.learnix-sidebar-menu{padding:1.5rem 1rem}.learnix-nav-item{color:#4b5563;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:.875rem;width:100%;margin-bottom:.375rem;padding:.875rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.learnix-nav-item:hover{color:#fff;background-color:#3b82f6;transform:translate(4px)}.learnix-nav-item:active{transform:translate(2px)}.learnix-nav-icon{flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.learnix-nav-item:hover .learnix-nav-icon{transform:scale(1.1)}.learnix-nav-text{text-align:left;flex:1}.learnix-signout-btn{border-top:1px solid #e5f3ff;margin-top:1rem;padding-top:1.25rem}.learnix-signout-btn:hover{background-color:#ef4444}@media (max-width:1024px){.learnix-navbar-container{padding:.75rem 1.25rem}.learnix-logo-image{max-width:140px;max-height:38px}}@media (max-width:768px){body{padding-top:65px}.learnix-navbar-container{height:65px;padding:.625rem 1rem}.learnix-logo-image{max-width:120px;max-height:35px}.learnix-menu-toggle-btn{width:42px;height:42px}.learnix-navigation-sidebar{width:300px;max-width:85vw}.learnix-sidebar-top{padding:1rem 1.25rem}.learnix-sidebar-menu{padding:1.25rem .875rem}.learnix-nav-item{padding:.75rem .875rem;font-size:.9rem}}@media (max-width:480px){body{padding-top:60px}.learnix-navbar-container{height:60px;padding:.5rem .875rem}.learnix-logo-image{max-width:100px;max-height:30px}.learnix-menu-toggle-btn{width:40px;height:40px}.learnix-navigation-sidebar{width:280px;max-width:80vw}.learnix-sidebar-top{padding:.875rem 1rem}.learnix-sidebar-logo-img{max-width:100px;max-height:28px}.learnix-sidebar-close-button{width:32px;height:32px}.learnix-sidebar-menu{padding:1rem .75rem}.learnix-nav-item{gap:.75rem;padding:.625rem .75rem;font-size:.875rem}}@media (max-width:360px){.learnix-navbar-container{padding:.5rem .75rem}.learnix-logo-image{max-width:85px;max-height:26px}.learnix-navigation-sidebar{width:260px;max-width:75vw}.learnix-sidebar-top{padding:.75rem .875rem}.learnix-sidebar-menu{padding:.875rem .625rem}.learnix-nav-item{padding:.5rem .625rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.learnix-navbar-container,.learnix-navigation-sidebar,.learnix-menu-toggle-btn,.learnix-nav-item,.learnix-sidebar-close-button,.learnix-logo-link,.learnix-menu-icon,.learnix-nav-icon{transition:none;animation:none}}@media (prefers-contrast:high){.learnix-navbar-container{border-bottom-width:3px}.learnix-nav-item{border:1px solid #0000}.learnix-nav-item:hover{border-color:#fff}}.learnix-menu-toggle-btn:focus,.learnix-nav-item:focus,.learnix-sidebar-close-button:focus,.learnix-logo-link:focus{outline-offset:2px;outline:2px solid #3b82f6}@media print{.learnix-navbar-container,.learnix-navigation-sidebar,.learnix-sidebar-backdrop{display:none}body{padding-top:0}}.learnix-logo-image[data-loading=true]{opacity:.5}.learnix-logo-image[data-error=true]{display:none}.learnix-logo-image[data-error=true]:after{content:"Learnix";color:#3b82f6;font-size:1.5rem;font-weight:700;display:block}