.hero{z-index:0;background:linear-gradient(#eaeeff 0% 28%,#edf0ff 48%,#f3f5ff 68%,#f6f6f6 86%,#ececec 100%);padding-top:40px;padding-bottom:20px;position:relative;overflow:hidden}.hero-image-wrapper{position:absolute;inset:0}.hero-image{opacity:0;will-change:opacity,transform;background-position:50%;background-size:cover;transition:opacity 1.4s,transform 6s;position:absolute;inset:0;transform:scale(1.08)}.hero-image.active{opacity:1;transform:scale(1)}.hero-image:before{content:"";z-index:1;background:linear-gradient(190deg,#0000002e,#00000014,#00000038);position:absolute;inset:0}.hero:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(#eaeeff00 0%,#eaeeff1a 18%,#ecf0ff3d 36%,#f0f3ff6b 52%,#f3f5ff9e 68%,#eef0f8d1 84%,#eaeefff5 100%);height:150px;position:absolute;bottom:34px;left:0;right:0}.hero:after{content:"";z-index:5;background:linear-gradient(#ecececeb 0%,#f2f2faf5 35%,#eaeeff 100%);width:100%;height:60px;position:absolute;bottom:0;left:0}.hero-card{z-index:2;background:linear-gradient(#ffffffc7,#f8faffeb);width:100%;height:320px;margin:0 auto;position:relative;overflow:hidden}.hero-image{z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.hero-image:after{content:"";z-index:2;background:linear-gradient(#eaeeff05 0%,#eaeeff0a 22%,#ecf0ff1a 40%,#f0f3ff38 56%,#f3f5ff75 70%,#f5f6fab8 84%,#eaeefff5 100%);position:absolute;inset:0}.hero-text{text-align:center;z-index:20;width:100%;position:absolute;top:40px;left:50%;transform:translate(-50%)}.hero-text h1{letter-spacing:.08em;color:#fff;text-shadow:0 6px 16px #00000038;margin:0;font-size:50px;font-weight:900;line-height:1;position:relative}.hero-text h1:before,.hero-text h1:after{content:"";background:linear-gradient(90deg,#68b3ff 0%,#4a56ff 58%,#ff7da7 58%,#ff6394 100%);border-radius:2px;width:26px;height:10px;position:absolute;top:56%;transform:translateY(-60%)skew(-40deg)}.hero-text h1:before{left:15%}.hero-text h1:after{right:15%}.hero-text p{letter-spacing:.28em;color:#67b0ff;align-items:center;gap:14px;margin-top:6px;font-size:16px;font-weight:800;display:inline-flex;position:relative}.hero-text p:before,.hero-text p:after{content:"";background:linear-gradient(90deg,#0000,#69b3ff,#0000);border-radius:999px;width:60px;height:2px}.hero-mascot-card{z-index:30;justify-content:center;align-items:flex-end;width:calc(100% - 60px);max-width:650px;height:100px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-mascot-name{letter-spacing:.08em;color:#fff;z-index:50;background:linear-gradient(90deg,#5aa8ff 0%,#6a72ff 100%);border-radius:10px;padding:4px 20px;font-size:12px;font-weight:900;position:absolute;top:15px;left:150px;box-shadow:0 4px 10px #4664dc40}.hero-mascot-card:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:0;background:linear-gradient(280deg,#37373757 0%,#46464642 45%,#7878782e 100%);border-radius:15px;position:absolute;inset:0;box-shadow:0 5px 10px #00000029,inset 0 1px #ffffff1a}.balloon-slider-vertical{z-index:2;align-items:center;width:100%;height:100%;display:flex;position:relative}.balloon-item{align-items:center;width:100%;height:100%;display:flex;position:relative}.balloon-inner{align-items:center;gap:20px;width:100%;padding:0 20px;display:flex;position:relative}.balloon-circle{background:linear-gradient(#aeaeaefa,#cececefa);border-radius:20px;flex-shrink:0;width:95px;height:80px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #7da9ff,0 0 0 8px #7da9ff24}.balloon-text{text-align:left;color:#002c85;letter-spacing:.02em;background:linear-gradient(#fffffffa,#f6f9fffa);border:2px solid #b8b8b8;border-radius:18px;flex:1;justify-content:flex-start;align-items:center;min-height:50px;padding:10px 20px;font-size:13px;font-weight:900;line-height:1.3;display:flex;position:relative;top:10px;box-shadow:0 8px 18px #5078dc1a}.balloon-text:before{content:"";background:linear-gradient(#fffffffa,#f6f9fffa);border-bottom:2px solid #b8b8b8;border-left:2px solid #b8b8b8;width:15px;height:15px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}
.Home-notice-section{background:#fff;padding:15px 0 20px;position:relative;overflow:visible}.Home-notice-section:after{content:"";pointer-events:none;z-index:5;opacity:.92;filter:drop-shadow(0 8px 18px #a0afff1f);background:linear-gradient(135deg,#6f8dff 0 50%,#0000 50% 100%) 3px 3px/23px 23px no-repeat,linear-gradient(-135deg,#6f8dff 0 50%,#0000 50% 100%) right 3px top 3px/23px 23px no-repeat,linear-gradient(45deg,#6f8dff 0 50%,#0000 50% 100%) left 3px bottom 8px/23px 23px no-repeat,linear-gradient(-45deg,#6f8dff 0 50%,#0000 50% 100%) right 3px bottom 8px/23px 23px no-repeat,linear-gradient(135deg,#b8c6ff 0 92%,#0000 92% 100%) 0 0/120px 3px no-repeat,linear-gradient(135deg,#b8c6ff 0 92%,#0000 92% 100%) 0 -10px/3px 120px no-repeat,linear-gradient(135deg,#d6deff 0 78%,#0000 78% 100%) 0 0/90px 10px no-repeat,linear-gradient(135deg,#d6deff 0 78%,#0000 78% 100%) 0 -6px/10px 90px no-repeat,linear-gradient(-135deg,#b8c6ff 0 92%,#0000 92% 100%) right 0 top 0/120px 3px no-repeat,linear-gradient(-135deg,#b8c6ff 0 92%,#0000 92% 100%) right 0 top -10px/3px 120px no-repeat,linear-gradient(-135deg,#d6deff 0 78%,#0000 78% 100%) right 0 top 0/90px 10px no-repeat,linear-gradient(-135deg,#d6deff 0 78%,#0000 78% 100%) right 0 top -6px/10px 90px no-repeat,linear-gradient(45deg,#b8c6ff 0 92%,#0000 92% 100%) left 0 bottom 5px/120px 3px no-repeat,linear-gradient(45deg,#b8c6ff 0 92%,#0000 92% 100%) left 0 bottom 5px/3px 120px no-repeat,linear-gradient(45deg,#d6deff 0 78%,#0000 78% 100%) left 0 bottom 5px/90px 10px no-repeat,linear-gradient(45deg,#d6deff 0 78%,#0000 78% 100%) left 0 bottom 5px/10px 90px no-repeat,linear-gradient(-45deg,#b8c6ff 0 92%,#0000 92% 100%) right 0 bottom 5px/120px 3px no-repeat,linear-gradient(-45deg,#b8c6ff 0 92%,#0000 92% 100%) right 0 bottom 5px/3px 120px no-repeat,linear-gradient(-45deg,#d6deff 0 78%,#0000 78% 100%) right 0 bottom 5px/90px 10px no-repeat,linear-gradient(-45deg,#d6deff 0 78%,#0000 78% 100%) right 0 bottom 5px/10px 90px no-repeat,0 0;width:calc(90% + 35px);max-width:786px;height:270px;position:absolute;top:92px;left:50%;transform:translate(-50%)}.Home-section-title{z-index:2;color:#fff;clip-path:none;background:linear-gradient(90deg,#86a7ff,#6f8dff);border:2px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:240px;height:44px;margin:10px auto 30px;font-size:17px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #a0aaff24,inset 0 2px #ffffffb3,inset 0 -2px #ffffff8c}.Home-section-title-wrapper{width:fit-content;margin:10px auto 40px;position:relative}.Home-box3{z-index:2;background:#e6eeff;width:calc(94% - 24px);max-width:720px;height:226px;margin:0 auto;padding:10px 18px;position:relative;overflow:hidden auto;transform:translateY(2px)}.Home-box3::-webkit-scrollbar{width:6px}.Home-box3::-webkit-scrollbar-track{background:0 0}.Home-box3::-webkit-scrollbar-thumb{background:#ff9fb5;border-radius:999px}.Home-box3{scrollbar-color:#ff9fb5 transparent;scrollbar-width:thin}.Home-notice-item{z-index:2;background:linear-gradient(#fff,#f7f7ff);border:1px solid #ececff;border-radius:18px;align-items:center;width:calc(100% + 14px);min-height:64px;margin-bottom:6px;margin-left:-7px;padding:0 18px 0 0;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #7878b414,inset 0 1px #ffffffe6}.Home-notice-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #7878b424}.Home-notice-item:before{content:"";clip-path:polygon(0 0,88% 0,72% 100%,0 100%);opacity:.95;background:#c8d0ff;width:85px;height:90%;position:absolute;top:0;left:0}.Home-notice-item .notice-number:before{content:"";opacity:.6;border:1.5px solid #c8d0ff;width:90px;height:54px;position:absolute;top:50%;left:-32px;transform:translateY(-46%)skew(-13deg)}.notice-number{z-index:3;color:#fff;background:linear-gradient(135deg,#5675ff,#3757ef);border:2px solid #fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;margin-left:14px;font-size:15px;font-weight:800;display:flex;position:relative;box-shadow:0 6px 14px #00000014,inset 0 4px 8px #ffffff4d}.notice-text{z-index:3;color:#353567;letter-spacing:.01em;flex:1;margin-left:45px;font-size:14px;font-weight:700;position:relative}.notice-dots{opacity:.4;z-index:2;background-image:radial-gradient(#9eaaff 1.5px,#0000 1.5px);background-size:10px 10px;width:40px;height:40px;position:absolute;top:50%;right:45px;transform:translateY(-50%);-webkit-mask-image:linear-gradient(135deg,#000 20%,#00000026 100%);mask-image:linear-gradient(135deg,#000 20%,#00000026 100%)}.notice-wave{z-index:1;width:72px;height:72px;position:absolute;bottom:0;right:0;overflow:hidden}.notice-wave svg{transform:translate(6px,6px)scale(1.05)}.notice-arrow{z-index:3;color:#4f6dff;margin-left:10px;font-size:42px;font-weight:200;line-height:1;position:relative}
body{background:#eaeeff;margin:0;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.Home-carousel-wrapper{justify-content:center;align-items:center;width:100%;height:390px;display:flex;position:relative;top:0;overflow:hidden}.Home-carousel-container{scrollbar-width:none;width:100%;padding:20px 15px 64px;overflow:scroll hidden}.Home-carousel-container::-webkit-scrollbar{display:none}.Home-carousel-list{align-items:center;gap:28px;display:flex}.Home-carousel-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:28px;flex-shrink:0;width:300px;height:330px;transition:transform .35s;position:relative;overflow:hidden}.Home-carousel-card:before{content:"";z-index:1;background:linear-gradient(135deg,#8fa8ff,#6f8dff);border-radius:28px;position:absolute;inset:0}.Home-carousel-card:after{content:"";z-index:2;background:#ffffffeb;border:1px solid #becdffbf;border-radius:26px;position:absolute;inset:2px}.futuristic-frame-top{clip-path:polygon(12% 0,88% 0,78% 100%,22% 100%);z-index:4;background:linear-gradient(#d6e0ff,#aec2ff);width:96px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%)}.futuristic-frame-bottom{clip-path:polygon(22% 0,78% 0,88% 100%,12% 100%);z-index:4;background:linear-gradient(#aec2ff,#d6e0ff);width:96px;height:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.Home-carousel-content{z-index:5;padding:18px;position:relative}.Home-carousel-image-placeholder{background:linear-gradient(135deg,#eef3ff,#dfe8ff);border:3px solid #ecececb3;border-radius:18px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.Home-carousel-image-placeholder img{object-fit:cover;width:100%;height:100%;display:block}.Home-carousel-title{color:#5968be;margin-top:10px;margin-bottom:0;font-size:12px;font-weight:800}.Home-carousel-content{z-index:5;flex-direction:column;height:100%;padding:18px;display:flex;position:relative}.Home-carousel-text-area{text-align:center;flex-direction:column;align-items:center;margin-top:auto;display:flex}.Home-carousel-category{color:#4d60d0;margin-top:0;margin-bottom:0;font-size:25px;font-weight:800}.Home-carousel-title{text-align:center;margin-top:0;margin-bottom:0}.Home-carousel-dots{margin:0 auto}.Home-carousel-description{text-align:center;margin:0;line-height:1.7}.Home-carousel-dots{background:linear-gradient(150deg,#0000,#ffbcc4,#0000);width:250px;height:3px;margin-bottom:5px}.Home-carousel-description{color:#7b88b0;font-size:12px;line-height:1.7}.Home-carousel-card.is-center{transform:scale(1.05)}.Home-carousel-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #dce4ffe6;border-radius:999px;gap:10px;padding:8px 15px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.Home-indicator-dot{background:#ccd5ff;border-radius:50%;width:8px;height:8px;transition:all .3s}.Home-indicator-dot.active{background:#ffb6be;transform:scale(1.3)}
.Home-timetable-section{background:#fff;padding:30px 0 10px;position:relative;overflow:visible}.Home-box{z-index:2;background:#e6eeff;border:1px solid #e6ecffe6;width:95%;max-width:640px;height:655px;margin-left:auto;margin-right:auto;padding:20px 10px;position:relative;overflow:hidden auto;transform:translateY(-15px)}.Home-box>*{z-index:2;position:relative}.Home-box::-webkit-scrollbar{width:6px}.Home-box::-webkit-scrollbar-track{background:0 0}.Home-box::-webkit-scrollbar-thumb{background:#ff9fb5;border-radius:999px}.Home-box::-webkit-scrollbar-button{width:0;height:0;display:none}.Home-box{scrollbar-color:#ff9fb5 transparent;scrollbar-width:thin}.Home-box>div+div{margin-top:24px}.Home-day-title{text-align:center;justify-content:center;align-items:center;width:100%;margin:10px auto 20px;padding-top:10px;display:flex;position:relative}.Home-day-title:before,.Home-day-title:after{content:"";opacity:.9;background:#7f95ff;border-radius:999px;width:80px;height:3px;margin:0 20px}.Home-day-title:before{transform:translate(-5px)}.Home-day-title:after{transform:translate(5px)}.Home-day-title span{z-index:2;background:#f8f9ff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:65px;padding:0 30px;display:inline-flex;position:relative;box-shadow:0 0 0 2px #dce4ffe6,inset 0 1px #ffffffe6}.Home-day-title span b{color:#3d4679;letter-spacing:.04em;font-size:22px;font-weight:900;position:relative;top:6px}.Home-day-title-second{margin-top:50px}.Home-day-title span small{z-index:3;color:#fff;letter-spacing:.18em;background:#7f95ff;border-radius:5px;justify-content:center;align-items:center;width:100px;height:28px;font-size:14px;font-weight:900;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #96a0ff2e}.Home-list{flex-direction:column;gap:10px;display:flex}.Home-row{background:linear-gradient(#fff,#fafbff);border:1px solid #e8ecfff2;border-radius:18px;align-items:center;min-height:62px;padding:0 12px 0 0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 14px #7882c812}.Home-row:before{content:"";background:linear-gradient(#7fa1ff,#6283ff);width:7px;height:100%;position:absolute;top:0;left:0}.Home-time{color:#55639c;text-align:center;background:linear-gradient(#f5f7ff,#eef2ff);border-radius:13px;min-width:118px;margin-left:14px;padding:10px;font-size:12px;font-weight:700}.Home-icon{background:#fff;border:2px solid #dbe4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:25px;display:flex;position:relative;box-shadow:0 2px 8px #666eb014}.Home-icon-img{object-fit:contain;width:35px;height:35px;display:block}.Home-content{text-align:left;color:#3d4679;flex:1;margin-left:12px;font-size:13px;font-weight:700;position:relative}.Home-content:before{content:"";background:#d7dfff;border-radius:999px;width:2px;height:28px;position:absolute;top:50%;left:-65px;transform:translateY(-50%)}
.Home-award-section{background:#fff;padding:10px 0 70px;overflow:visible}.Home-box2{background:linear-gradient(#edf2ff 0%,#e7eeff 100%);border:0 solid #9ab5ff;width:95%;max-width:520px;margin:0 auto;padding:180px 0 20px;position:relative;overflow:visible;box-shadow:0 10px 20px #788cff1a}.award-crown-subtitle{letter-spacing:.06em;color:#0f2f7a;margin-bottom:10px;font-size:17px;font-weight:900;line-height:1}.award-crown-area{box-sizing:border-box;z-index:10;background:linear-gradient(#fff 0%,#f6f8ff 100%);border-radius:10px;width:calc(100% - 15px);max-width:450px;min-height:30px;padding:10px 15px 15px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #788cff1a}.award-crown-text-wrap{justify-content:center;align-items:center;gap:10px;display:flex}.award-crown-icon-wrap{background:#fff;border:2.5px solid #9bbcff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:110px;margin-top:10px;display:flex;position:relative}.award-crown-icon{z-index:2;object-fit:contain;flex-shrink:0;width:160px;height:auto;position:relative}.award-crown-text{letter-spacing:.05em;text-align:left;color:#163b8f;white-space:normal;word-break:keep-all;flex:1;margin-top:18px;padding-bottom:15px;font-size:11px;font-weight:900;line-height:1.9;position:relative}.award-crown-text:after{content:"";background:linear-gradient(90deg,#5d8fff 0%,#8eb8ff 50%,#5d8fff 100%);border-radius:999px;width:100%;height:2px;position:absolute;bottom:3px;left:-5px}.award-crown-line{z-index:20;background:linear-gradient(90deg,#5d8fff 0%,#8eb8ff 50%,#5d8fff 100%);border-radius:999px;width:95%;height:4px;position:absolute;top:190px;left:50%;transform:translate(-50%)}.Home-award-card{background:#fff;border-radius:15px;width:90%;min-height:80px;margin:30px auto 10px;padding:24px 22px 18px 70px;position:relative;box-shadow:0 8px 18px #788cff0f}.left-bar{background:linear-gradient(#5d8fff 0%,#7cb2ff 100%);border-radius:999px;width:7px;height:calc(100% - 40px);position:absolute;top:24px;left:35px}.Home-award-title{color:#132c73;padding-left:30px;font-size:16px;font-weight:900;line-height:1.4;position:relative}.Home-award-title:before{content:"";background:#5e97ff;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:0}.Home-award-desc{color:#66759e;border-bottom:3px dashed #dfe7ff;margin-top:14px;padding-bottom:8px;font-size:15px;font-weight:700}
.Home-sns-section{text-align:center;background:#e4e7fe;padding:20px 0 100px}.Home-container{width:100%}.Home-sns-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex;position:relative}.Home-sns-item{flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.Home-sns-circle{background:linear-gradient(145deg,#eef1ff,#fff);border-radius:50%;justify-content:center;align-items:center;width:71px;height:70px;transition:transform .35s cubic-bezier(.22,1.2,.36,1),box-shadow .25s,background .3s;display:flex;position:relative;overflow:visible;box-shadow:0 6px 16px #7878c81f}.Home-sns-circle:before{content:"";-webkit-mask-composite:xor;border-radius:50%;padding:3px;animation:2.8s ease-in-out infinite alternate snsNeon;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.Home-instagram .Home-sns-circle:before{filter:drop-shadow(0 0 5px #ffbee6f2)drop-shadow(0 0 12px #ff78d2d9)drop-shadow(0 0 22px #b478ffbf)drop-shadow(0 0 36px #78b4ff8c);background:linear-gradient(135deg,#ffb8d2 0%,#ffc8a8 30%,#c497ff 65%,#b9d4ff 100%)}.Home-twitter .Home-sns-circle:before{filter:drop-shadow(0 0 5px #ffffffe6)drop-shadow(0 0 12px #b4b4b4bf)drop-shadow(0 0 22px #787878a6)drop-shadow(0 0 34px #e6e6e673);background:linear-gradient(135deg,#f0f2f5 0%,#a7a7a7 50%,#555 100%)}.Home-web .Home-sns-circle:before{filter:drop-shadow(0 0 5px #8cdcfff2)drop-shadow(0 0 12px #5abeffd9)drop-shadow(0 0 22px #468cffbf)drop-shadow(0 0 36px #78b4ff8c);background:linear-gradient(135deg,#aee6ff 0%,#73c7ff 45%,#4b86da 100%)}.Home-line .Home-sns-circle:before{filter:drop-shadow(0 0 5px #a0ffd2f2)drop-shadow(0 0 12px #64ffaad9)drop-shadow(0 0 22px #3cdc82bf)drop-shadow(0 0 36px #64ffb48c);background:linear-gradient(135deg,#c0ffd9 0%,#7dffaf 50%,#39c878 100%)}@keyframes snsNeon{0%{opacity:.82;filter:brightness()blur();transform:scale(1)rotate(0)}50%{opacity:1;filter:brightness(1.28)blur(.35px);transform:scale(1.06)rotate(.6deg)}to{opacity:.9;filter:brightness(1.12)blur(.15px);transform:scale(1.02)rotate(-.4deg)}}.Home-sns-icon-image{object-fit:contain;z-index:2;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Home-instagram .Home-sns-icon-image{width:50px;height:50px;transform:translate(-51%,-45%)scale(2.1)}.Home-twitter .Home-sns-icon-image{width:54px;height:54px;transform:translate(-50%,-49%)scale(1.9)}.Home-web .Home-sns-icon-image{width:51px;height:51px;transform:translate(-50%,-47%)scale(1.4)}.Home-line .Home-sns-icon-image{width:51px;height:51px;transform:translate(-49%,-50%)scale(1.8)}.Home-sns-label{color:#8f95c9;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.Home-sns-label span{background:#cfd6ff;border-radius:999px;width:12px;height:2px}
.top-bar{z-index:1000;background-color:#fff;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 10px;font-size:20px;display:flex;position:fixed;top:0;left:0}.nav-back-icon{object-fit:contain;filter:grayscale();opacity:.7;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(67%)sepia(31%)saturate(1588%)hue-rotate(198deg)brightness(101%)contrast(101%)}.nav-button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;transition:all .25s;display:flex}.nav-button:hover{color:#6f8dff;background:#eef2ff}.nav-button:active{transform:scale(.95)}.menu-back{color:#5bbad5;cursor:pointer;align-self:flex-start;padding:10px 0;font-size:14px;transition:all .2s}.menu-back:active{transform:translate(-2px)}.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{flex-direction:column;width:100%;height:36px;display:flex}.logo-slide{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{overflow:hidden}.logo-track{will-change:transform}.logo-slide{flex-shrink:0}.top-bar-center.active-0,.top-bar-center.active-1,.top-bar-center.active-2{background:#e1e1e1}.side-menu{z-index:2000;background:#fff;flex-direction:column;width:260px;height:100vh;padding:20px;transition:right .3s;display:flex;position:fixed;top:0;right:-260px;box-shadow:-6px 0 20px #0000001a}.side-menu.open{right:0}.menu-item{color:#333;border-radius:8px;padding:15px 10px;text-decoration:none;transition:all .2s}.menu-item:hover{background:#f3f6ff}.menu-header{flex-direction:column;align-items:flex-start;margin-bottom:20px;display:flex}.menu-header span{color:#333;margin-top:30px;padding-bottom:10px;font-size:22px;font-weight:700;position:relative}.menu-header span:after{content:"";background:linear-gradient(90deg,#0000,#5bbad5 20%,#86a7ff 50%,#5bbad5 80%,#0000);border-radius:999px;width:120px;height:4px;position:absolute;bottom:0;left:80%;transform:translate(-50%)}.menu-back{color:#5bbad5;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px}.menu-header span{margin-top:20px;margin-left:12px;font-size:22px;font-weight:700}.bottom-nav{z-index:999;background:#fff;border-radius:20px 20px 0 0;grid-template-columns:repeat(5,1fr);justify-content:space-around;align-items:center;width:100%;height:70px;display:grid;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #00000014}.nav-item{flex:1;justify-content:center;align-items:center;height:100%;text-decoration:none;display:flex;position:relative}.nav-icon-img{object-fit:contain;opacity:.75;filter:grayscale()brightness(.9)contrast();margin:0 auto;transition:filter .25s,opacity .25s;display:block;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{color:#5bbad5;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:active{transform:translateY(-2px)}.nav-item:hover{background:#eef2ff}.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-menu-button:hover{background:#eef2ff}.nav-menu-button:hover .nav-menu-icon{opacity:1;filter:brightness(0)saturate()invert(59%)sepia(86%)saturate(1625%)hue-rotate(200deg)brightness(102%)contrast(101%)}.nav-item{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.nav-item:before{content:"";opacity:0;background:#eef2ff;border-radius:0;transition:opacity .25s;position:absolute;inset:0}.nav-item:hover:before{opacity:1}.nav-icon-img{z-index:1;position:relative}.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%)}
.loading-container{background:#f9f9f9;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.loading-text{color:#555;margin-top:20px;font-size:20px}.spinner{border:6px solid #ddd;border-top-color:#666;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}
.maintenance-container{background:#fff5f5;justify-content:center;align-items:center;height:100vh;display:flex}.maintenance-box{text-align:center;background:#fff;border-radius:16px;padding:40px 60px;box-shadow:0 6px 20px #0000001a}.maintenance-box h1{color:#d33;margin-bottom:20px}.maintenance-box p{color:#555;margin:8px 0}