.auth-wrapper{width:100%;max-width:700px;overflow:hidden}.auth-wrapper .slider{will-change:transform;grid-template-columns:1fr 1fr;width:200%;transition:transform .45s ease-in-out;display:grid}.auth-wrapper .panel{flex:0 0 100%;width:100%}.auth-wrapper.login .slider{transform:translate(0%)}.auth-wrapper.register .slider{transform:translate(-50%)}
.app-rank-wrap{z-index:99;position:relative;overflow:hidden}.app-rank-wrap .app-rank{border-radius:20px;flex:1 0 380px;min-height:300px;overflow:hidden}.app-rank-wrap .app-rank .rank-heading{color:#fff;background:#4562d8;border-bottom:1px solid #0e30d9;padding:15px 15px 15px 90px}.app-rank-wrap .app-rank .rank-heading .rank-title{font-size:1.2em;font-weight:900;display:block}.app-rank-wrap .app-rank .rank-heading .rank-sapo{color:#e6eafd;font-size:.9em;line-height:20px;display:block}.app-rank-wrap .app-rank .rank-heading:before{content:"";background:url(/trangnguyen/images/rank/rank-icon.png?v=1.1) 25px 16px no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.app-rank-wrap .app-rank .rank-mostest{text-align:center;background:linear-gradient(#3547d1,#bfdfff);border:none;border-radius:0;width:100%;padding:60% 0 0;font-size:.9em;position:relative}.app-rank-wrap .app-rank .rank-mostest .rank-avatar{background:radial-gradient(#c13a3a,#ff929b,#f9f4f4,#fb9797);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;padding:5px;display:inline-flex;box-shadow:0 0 5px #fff}.app-rank-wrap .app-rank .rank-mostest .rank-avatar .rank-avatar-image{border:1px solid #ffffff4d;border-radius:50%;width:68px;height:68px}.app-rank-wrap .app-rank .rank-mostest .st-1{position:absolute;bottom:35%;left:50%;transform:translate(-50%)}.app-rank-wrap .app-rank .rank-mostest .st-1:after{content:"";background:url(/trangnguyen/images/rank/most/st1.png?v=1.1) 0 0/46px no-repeat;width:46px;height:46px;position:absolute;top:-25px;left:17px}.app-rank-wrap .app-rank .rank-mostest .st-2{position:absolute;bottom:30%;left:calc(16% + 8px);transform:translate(-50%)}.app-rank-wrap .app-rank .rank-mostest .st-2 .rank-avatar-image{border-radius:50%;width:58px;height:58px}.app-rank-wrap .app-rank .rank-mostest .st-2:after{content:"";background:url(/trangnguyen/images/rank/most/st2.png?v=1.1) 0 0/46px no-repeat;width:46px;height:46px;position:absolute;top:-26px;left:12px}.app-rank-wrap .app-rank .rank-mostest .st-3{position:absolute;bottom:25%;right:18%;transform:translate(50%)}.app-rank-wrap .app-rank .rank-mostest .st-3 .rank-avatar-image{border-radius:50%;width:48px;height:48px}.app-rank-wrap .app-rank .rank-mostest .st-3:after{content:"";background:url(/trangnguyen/images/rank/most/st3.png?v=1.1) 0 0/46px no-repeat;width:46px;height:46px;position:absolute;top:-25px;left:9px}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-content{z-index:2;width:calc(100% - 20px);height:100%;padding:10px;line-height:18px;position:absolute;top:0}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-content .rank-point{color:red;font-size:.8em}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-bg{width:100%;height:100%;position:absolute;bottom:0;left:0}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-bg:before,.app-rank-wrap .app-rank .rank-mostest .rank-mostest-bg:after{content:"";z-index:1;width:100%;height:100%;position:absolute;bottom:0;left:0}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-bg:before{z-index:1;background:url(/trangnguyen/images/rank/mobile-bg.png?v=1.1) bottom/calc(100% - 30px) no-repeat}.app-rank-wrap .app-rank .rank-mostest .rank-mostest-bg:after{content:"";z-index:0;background:url(/trangnguyen/images/light.png?v=1.1) 0 75px/100% no-repeat;transform:rotate(180deg)}.app-rank-wrap .app-rank .rank-content{background:linear-gradient(#bedefe,#f8fbfe);padding:15px;position:relative}.app-rank-wrap .app-rank .rank-content:before{background:url(/trangnguyen/images/rank/rank.png?v=1.1) 0 0/100% no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.app-rank-wrap .app-rank .rank-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe5;border:1px solid #1a4cff61;border-radius:20px;width:100%;padding:10px}.app-rank-wrap .app-rank .rank-item:hover{border:1px solid #1a4cffec}.app-rank-wrap .app-rank .rank-item .rank-number{text-align:center;background:url(/trangnguyen/images/rank/reward-number.png?v=1.1) 50%/cover no-repeat;justify-content:center;align-items:center;min-width:30px;height:42px;font-size:16px;display:flex}.app-rank-wrap .app-rank .rank-item .rank-avatar{min-width:62px;max-width:62px;height:62px;display:flex}.app-rank-wrap .app-rank .rank-item .rank-avatar img{width:100%;height:100%}.app-rank-wrap .app-rank .rank-item .rank-name{font-weight:900;line-height:1.5em}.app-rank-wrap .app-rank .rank-item .rank-point{margin-bottom:5px;font-size:.8em;font-weight:800;line-height:1.2em}.app-rank-wrap .app-rank .rank-item .rank-point span{background:linear-gradient(90deg,#c00909,#b111a9,#c22);-webkit-text-fill-color:#0000;color:#0000;text-shadow:0 0 1px #ff00001c;-webkit-background-clip:text;background-clip:text;display:inline-block}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.app-rank-wrap .app-rank .rank-item .rank-point span{color:#c22}}.app-rank-wrap .app-rank .rank-item .rank-school{color:#333;font-size:.8em;line-height:1.2em}.app-rank-wrap .app-badge{background:linear-gradient(#f8fbfe,#f8fbfe);border-radius:20px;flex:1 0 420px;min-height:300px}.app-rank-wrap .app-badge .badge-h2{color:#0b2dbb;font-weight:900;display:block}.app-rank-wrap .app-badge .badge-heading{padding:15px 15px 15px 75px}.app-rank-wrap .app-badge .badge-heading .badge-title{color:#0b2dbb;font-size:1.2em;font-weight:900;display:block}.app-rank-wrap .app-badge .badge-heading .badge-sapo{color:#04060f;font-size:.9em;line-height:20px;display:block}.app-rank-wrap .app-badge .badge-heading:before{content:"";background:url(/trangnguyen/images/rank/shield.png?v=1.1) 25px 16px no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.app-rank-wrap .app-badge .badge-content{padding:15px}.app-rank-wrap .app-badge .badge-latest{border-radius:15px;padding:15px}.app-rank-wrap .app-community{background:linear-gradient(#f8fbfe,#f8fbfe);border-radius:20px;min-height:300px;position:relative}.app-rank-wrap .app-community:after{content:"";background:url(/trangnguyen/images/rank/comunication-bg.png?v=1.1) no-repeat;width:305px;height:490px;position:absolute;bottom:80px;right:0}.app-rank-wrap .app-community .community-h2{color:#0b2dbb;font-weight:900;display:block}.app-rank-wrap .app-community .community-heading{padding:15px 15px 15px 75px}.app-rank-wrap .app-community .community-heading .community-title{color:#0b2dbb;font-size:1.2em;font-weight:900;display:block}.app-rank-wrap .app-community .community-heading .community-sapo{color:#04060f;font-size:.9em;line-height:20px;display:block}.app-rank-wrap .app-community .community-heading:before{content:"";background:url(/trangnguyen/images/rank/comunication.png?v=1.1) 25px 16px no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.app-rank-wrap .app-community .community-content,.app-rank-wrap .app-community .community-content-end{z-index:9;padding:15px;font-size:.9em}.app-rank-wrap .app-community .community-content-end{color:#0b2dbb}.app-rank-wrap .app-community .community-content-end .community-content-school-number,.app-rank-wrap .app-community .community-content-end .community-content-most{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-user-select:none;user-select:none;background:#ffffff05;border-radius:8px;padding:5px 10px;font-size:14px}.app-rank-wrap .app-community .community-content-end .community-content-school-number .u-most-avatar img,.app-rank-wrap .app-community .community-content-end .community-content-most .u-most-avatar img{width:24px;min-width:24px;height:24px;display:flex}.app-rank-wrap .app-community .community-content-end .community-content-school-number .u-mostlink,.app-rank-wrap .app-community .community-content-end .community-content-most .u-mostlink{color:#0051ba;background-color:#0061ff33;border-radius:30px;padding:0 10px}.app-rank-wrap .app-community .community-content-end .community-content-school-number{flex:0 0 220px}.app-rank-wrap .app-community .community-content-wrap{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff75;border-radius:15px;width:100%;padding:5px}.app-rank-wrap .app-community .community-content-header{-webkit-user-select:none;user-select:none;background-color:#b6d4fc4b;border:1px solid #0b2dbb05;border-radius:12px;padding:5px}.app-rank-wrap .app-community .community-content-header>span{cursor:pointer;border-radius:10px;padding:5px 10px;position:relative}.app-rank-wrap .app-community .community-content-header>span:hover{color:#0400ff}.app-rank-wrap .app-community .community-content-header>span.active{color:#0e0e0e;cursor:not-allowed;background-color:#fff}.app-rank-wrap .app-community .community-content-header>span.active:after{content:"";background:url(/trangnguyen/images/line-bottom.png) 50%/100% no-repeat;width:100%;height:2px;position:absolute;bottom:0;left:0}.app-rank-wrap .app-community .community-content-acts{padding:10px}.app-rank-wrap .app-community .community-content-acts .rank-more{justify-content:center;width:calc(100% - 20px);margin-top:10px;padding:5px 0}.app-rank-wrap .app-community .act-item{border-bottom:1px solid #8d8d8d54;margin-bottom:10px;padding-bottom:10px}.app-rank-wrap .app-community .act-item:last-child{border-bottom:0 solid #8d8d8d54;margin-bottom:0;padding-bottom:0}.app-rank-wrap .app-community .act-item:has(+.rank-more){border-bottom:0 solid #8d8d8d54;margin-bottom:0;padding-bottom:0}.app-rank-wrap .app-community .act-avatar{width:64px;height:64px}.app-rank-wrap .app-community .act-u-name{font-weight:900;line-height:22px;display:block}.app-rank-wrap .app-community .act-u-sapo{font-size:.9em;line-height:20px}.app-rank-wrap .app-community .act-u-sapo b{color:red;font-weight:900}.app-rank-wrap .app-community .act-u-time{color:#7e7e7e;font-size:.9em;font-weight:600;line-height:20px}.app-rank-wrap .rank-more{color:#0b2dbb;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0b2ebb2d;border-radius:15px;width:max-content;margin:0 auto;padding:2px 12px;font-size:.9em}.app-rank-wrap .rank-more:hover{color:#e60f33}.app-rank-wrap .school-joined-icon{width:30px;height:30px}.app-rank-wrap .school-joined-icon .school-joined-image{background:url(/trangnguyen/images/rank/school.png) 0 0/36px no-repeat;width:36px;height:36px;position:absolute;top:-10px}@media (max-width:768px){.app-rank-wrap{overflow:hidden}.app-rank-wrap .app-rank,.app-rank-wrap .app-badge{border-radius:15px!important}.app-rank-wrap .app-rank .rank-heading{color:#000;background:#fff;border-bottom:none;padding-top:10px;padding-bottom:10px;padding-left:60px}.app-rank-wrap .app-rank .rank-heading:before{content:"";background:url(/trangnguyen/images/rank/rank-icon.png?v=1.1) 25px 16px no-repeat;width:100%;height:100%;position:absolute;top:-5px;left:-20px}.app-rank-wrap .app-rank .rank-heading .rank-title{font-size:1em}.app-rank-wrap .app-rank .rank-heading .rank-sapo{color:#2a2a2a}.app-rank-wrap .app-rank .rank-mostest{background:linear-gradient(#fff,#bedefe66);padding-top:55%}.app-rank-wrap .app-rank .rank-content{background:linear-gradient(#bedefe66,#f8fbfe)}.app-rank-wrap .app-community:after{content:"";width:calc(100% - 20px)}}
.QRVerticalBox{text-align:left}.QRVerticalBox .QRVerticalBox-item{background-color:#fff;border:1px solid #fbfbfb;border-radius:10px;padding:5px;position:relative;overflow:hidden;box-shadow:0 0 3px #0000004a}.QRVerticalBox .platform{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;display:flex;position:absolute;top:50%;left:28px;transform:translate(-50%,-50%)}.QRVerticalBox .platform svg{width:12px;height:12px}.QRVerticalBox img{background-color:#fff;width:48px;height:48px}.QRVerticalBox span{font-size:.8em;line-height:18px}.QRVerticalBox span b{color:#000;font-size:.9em;display:block}