.main-navbar{box-sizing:border-box;background:var(--background-color);width:100%;color:var(--text-color);top:var(--topnav-height);z-index:1500;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 5%;transition:background .3s,box-shadow .3s,padding .3s;display:flex;position:fixed;left:0;box-shadow:0 4px 18px #00000014}.nav-left{flex-shrink:0;align-items:center;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.logo{flex-shrink:0;width:150px;max-width:150px;height:auto;transition:transform .3s;display:block}.logo:hover{transform:scale(1.03)}.main-nav-menu{align-items:center;gap:22px;margin:0;padding:0;list-style:none;display:flex}.main-nav-menu li{white-space:nowrap;list-style:none}.nav-link{color:var(--text-color);letter-spacing:.4px;align-items:center;padding:8px 2px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s,font-weight .3s;display:inline-flex;position:relative}.nav-link:after{content:"";background:#e50914;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover{font-weight:700}.nav-link:hover:after{width:100%}.assessment-btn{box-sizing:border-box;letter-spacing:.6px;background:#e50914;border:1px solid #e50914;border-radius:25px;justify-content:center;align-items:center;min-width:158px;height:40px;padding:0 18px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;color:#fff!important}.assessment-btn:hover{background:#fff;border-color:#e50914;transform:translateY(-1px);box-shadow:0 5px 16px #e5091424;color:#e50914!important}.login-btn{box-sizing:border-box;letter-spacing:.6px;cursor:pointer;background:#fff;border:1px solid #e50914;border-radius:25px;justify-content:center;align-items:center;min-width:140px;height:40px;padding:0 18px;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s;display:inline-flex;color:#e50914!important}.login-btn:hover{background:#e50914;border-color:#e50914;transform:translateY(-1px);box-shadow:0 5px 16px #e5091424;color:#fff!important}.logout-btn{font-family:inherit}.menu-icon{width:44px;height:44px;color:var(--text-color);cursor:pointer;z-index:3000;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:none;position:relative}.hamburger-lines,.hamburger-lines:before,.hamburger-lines:after{background:currentColor;border-radius:2px;width:25px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-lines{position:relative}.hamburger-lines:before,.hamburger-lines:after{content:"";position:absolute;left:0}.hamburger-lines:before{top:-7px}.hamburger-lines:after{top:7px}.menu-icon:hover{color:#e50914}.menu-icon.active .hamburger-lines{background:0 0}.menu-icon.active .hamburger-lines:before{top:0;transform:rotate(45deg)}.menu-icon.active .hamburger-lines:after{top:0;transform:rotate(-45deg)}@media (max-width:1100px){.main-navbar{padding:10px 5%}.menu-icon{display:flex!important}.main-nav-menu{top:calc(var(--topnav-height) + 60px);width:300px;max-width:85vw;height:calc(120vh - var(--topnav-height) - 150px);box-sizing:border-box;background:var(--background-color);z-index:2000;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;margin:0;padding:35px 30px;transition:transform .35s;display:flex;position:fixed;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 10px 30px #0000001f}.main-nav-menu.open{transform:translateY(-90px)translate(0)}.main-nav-menu li{text-align:center;width:100%}.main-nav-menu .nav-link{justify-content:center;width:100%;padding:10px 0;font-size:15px}.main-nav-menu .nav-link:after{display:none}.assessment-btn,.login-btn{width:100%;min-width:0;height:44px}}@media (max-width:768px){.main-navbar{padding:10px 5%}.main-nav-menu{width:290px;padding:30px 25px}}@media (max-width:480px){.main-navbar{padding:9px 5%}.logo{width:120px;max-width:120px}.menu-icon{width:40px;height:40px}.menu-icon ion-icon{width:32px;height:32px;font-size:32px}.main-nav-menu{width:100%;max-width:100%;top:calc(var(--topnav-height) + 55px);height:calc(100vh - var(--topnav-height) - 55px);padding:30px 25px}}