body{background:#f6f7fc}.login-page{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:40px 20px;display:flex}.login-card{background:linear-gradient(#fffffffa,#f8fbfffa);border:1px solid #86a7ff40;border-radius:24px;width:400px;height:460px;padding:30px 34px 40px;position:relative;overflow:hidden;box-shadow:0 15px 40px #6f8dff26,inset 0 1px #ffffffd9}.login-card:before{content:"";background:linear-gradient(90deg,#86a7ff,#6f8dff);width:100%;height:20px;position:absolute;top:0;left:0}.login-title{text-align:center;color:#4b7cff;letter-spacing:1px;margin-top:20px;font-size:30px;font-weight:800}.login-divider{width:100%;height:30px;margin:-5px 0 26px;position:relative}.login-divider:before{content:"";background:linear-gradient(90deg,#0000,#ff9fb5,#0000);height:2px;position:absolute;top:50%;left:15%;right:15%}.login-form{flex-direction:column;align-items:center;display:flex}.login-form label{color:#4b7cff;width:100%;max-width:320px;margin-bottom:5px;font-size:15px;font-weight:700}.login-input{background:#fbfdff;border:2px solid #dce7ff;border-radius:15px;outline:none;width:100%;max-width:320px;height:54px;margin-bottom:22px;padding:0 20px;font-size:15px;transition:all .25s}.login-input:focus{background:#fff;border-color:#86a7ff;box-shadow:0 0 0 5px #86a7ff26}.login-input::placeholder{color:#bcc5d8}.login-button{cursor:pointer;color:#fff;background:linear-gradient(#86a7ff,#6f8dff);border:none;border-radius:999px;width:220px;height:56px;margin-top:10px;font-size:18px;font-weight:700;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(#ffffff4d,#0000);position:absolute;inset:0}.login-button:hover{transform:translateY(-3px);box-shadow:0 16px 32px #6f8dff52}.login-button:active{transform:translateY(0);box-shadow:0 8px 18px #6f8dff2e}
.top-bar{z-index:1000;background:#fff;align-items:center;width:100%;height:50px;padding:0 10px;display:flex;position:fixed;top:0;left:0}.nav-back-button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:35px;transition:all .25s;display:flex}.nav-back-icon{object-fit:contain;opacity:.7;filter:grayscale();width:35px;height:35px;transition:all .25s}.nav-back-button:hover{background:#eef2ff}.nav-back-button:hover .nav-back-icon{opacity:1;filter:brightness(0)saturate()invert(59%)sepia(86%)saturate(1625%)hue-rotate(200deg)brightness(102%)contrast(101%)}.top-bar-center{pointer-events:none;border-radius:8px;justify-content:center;align-items:center;width:120px;height:36px;transition:background-color .3s;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.logo-track{will-change:transform;flex-direction:column;width:100%;height:36px;display:flex}.logo-slide{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:36px;display:flex}.logo-slide img{object-fit:contain;max-width:100%;max-height:100%}.top-bar-center.active-0,.top-bar-center.active-1,.top-bar-center.active-2{background:#e1e1e1}.bottom-nav{z-index:999;background:#fff;border-radius:20px 20px 0 0;grid-template-columns:repeat(5,1fr);align-items:center;width:100%;height:70px;display:grid;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #00000014}.nav-item{justify-content:center;align-items:center;height:100%;text-decoration:none;display:flex;position:relative}.nav-item:before{content:"";opacity:0;background:#eef2ff;transition:opacity .25s;position:absolute;inset:0}.nav-item:hover:before{opacity:1}.nav-icon-img{z-index:1;object-fit:contain;opacity:.75;filter:grayscale()brightness(.9)contrast();margin:0 auto;transition:filter .25s,opacity .25s;display:block;position:relative;transform:translateY(-10px)}.nav-home-icon{width:70px;height:70px}.nav-stage-icon{width:65px;height:65px}.nav-map-icon{width:80px;height:80px}.nav-calendar-icon{width:70px;height:70px}.nav-chat-icon{width:80px;height:80px}.nav-item.active{position:relative}.nav-item.active:after{content:"";background:#5bbad5;border-radius:10px;width:24px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-item:hover .nav-icon-img,.nav-item.active .nav-icon-img,.nav-back-button:hover .nav-back-icon{opacity:1;filter:brightness(0)saturate()invert(59%)sepia(86%)saturate(1625%)hue-rotate(200deg)brightness(102%)contrast(101%)}.nav-item:active{transform:translateY(-2px)}.nav-item:not(:last-child):after{content:"";background:linear-gradient(#0000,#bfbfbf80,#0000);width:1px;height:60px;position:absolute;top:50%;right:0;transform:translateY(-60%)}