:root{--color-white:#fff;--color-blue-12:#191a23;--color-blue-14:#1d1e28;--color-blue-26:#2b3067;--color-blue-59:#8385a9;--color-pink-68:#fb5e84;--weight-bold:700;--transition:.3s ease-in-out;--easeInOut:cubic-bezier(.455,.03,.515,.955)}html{box-sizing:border-box;font-size:62.5%}body{margin:0;padding:0}*,:before,:after{box-sizing:inherit}.App{height:auto}body{letter-spacing:0;color:var(--color-white);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#000;min-height:100vh;margin:0;font-family:Red Hat Text,sans-serif;font-size:1.4rem;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(5px);z-index:-1;background-image:url(/images/background_image.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.05)}@media (max-width:767px){body:before{background-position:top;background-size:cover;transform:scale(1.1)}}@media (min-width:768px) and (max-width:1024px){body:before{background-position:50%;background-size:cover}}h2,h3,p{margin:0}.App{flex-direction:column;gap:0;display:flex}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(0 0 99.9% 99.9%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.countdown-contrl{justify-content:center;width:30rem;margin:6rem auto 0;display:flex}button:disabled{cursor:none;background-color:#f187a1;animation-name:fadeOut;animation-duration:.6s;animation-delay:2s;animation-fill-mode:forwards}@keyframes fadeOut{0%{opacity:1;z-index:1;transform:translateY(0)}to{opacity:0;z-index:-10;transform:translateY(-2rem)}}.flip-clock{text-align:center;grid-template-columns:repeat(3,1fr);justify-items:center;width:100%;max-width:35.8rem;margin:0 auto;display:grid}@media (min-width:768px){.flip-clock{-moz-column-gap:3.2rem;column-gap:3.2rem;max-width:68.8rem}}.flip-clock__unit{z-index:1;perspective:30rem;perspective-origin:50%;background-color:var(--color-blue-26);border-radius:.4rem;flex-direction:column;width:7rem;height:6.7rem;display:block;position:relative}@media (min-width:768px){.flip-clock__unit{border-radius:.8rem;width:14.8rem;height:14rem}}.flip-clock__unit__hole{z-index:11;background-color:var(--color-blue-14);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:50%}@media (min-width:768px){.flip-clock__unit__hole{width:1.2rem;height:1.2rem}}.flip-clock__unit__hole--left{left:0;transform:translate(-50%,-50%)}.flip-clock__unit__hole--right{right:0;transform:translate(50%,-50%)}.flip-clock__unit__bar{z-index:10;background-color:#00000040;width:100%;height:.47px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (min-width:768px){.flip-clock__unit__bar{height:1px}}.flip-clock__unit__static{z-index:2;justify-content:center;width:100%;height:50%;display:flex;position:relative;overflow:hidden}.flip-clock__unit__static--upper{background-color:#00000026;border-top-left-radius:.4rem;border-top-right-radius:.4rem;align-items:flex-end}@media (min-width:768px){.flip-clock__unit__static--upper{border-top-left-radius:.8rem;border-top-right-radius:.8rem}}.flip-clock__unit__static--upper .t-clock{transform:translateY(50%)}.flip-clock__unit__static--lower{border-bottom-right-radius:.4rem;border-bottom-left-radius:.4rem;align-items:flex-start}@media (min-width:768px){.flip-clock__unit__static--lower{border-bottom-right-radius:.8rem;border-bottom-left-radius:.8rem}}.flip-clock__unit__static--lower .t-clock{transform:translateY(-50%)}.flip-clock__unit__flip{z-index:5;backface-visibility:hidden;background-color:var(--color-blue-26);justify-content:center;width:100%;height:50%;display:flex;position:absolute;left:0;overflow:hidden}.flip-clock__unit__flip--unfold{transform-origin:50% 0;transform-style:preserve-3d;animation:unfold .6s var(--easeInOut)0s 1 normal forwards;border-bottom-right-radius:.4rem;border-bottom-left-radius:.4rem;align-items:flex-start;top:50%;transform:rotateX(180deg)}@media (min-width:768px){.flip-clock__unit__flip--unfold{border-bottom-right-radius:.8rem;border-bottom-left-radius:.8rem}}.flip-clock__unit__flip--unfold .t-clock{transform:translateY(-50%)}.flip-clock__unit__flip--fold{transform-origin:50% 100%;transform-style:preserve-3d;animation:fold .6s var(--easeInOut)0s 1 normal forwards;border-top-left-radius:.4rem;border-top-right-radius:.4rem;align-items:flex-end;top:0%;transform:rotateX(0)}@media (min-width:768px){.flip-clock__unit__flip--fold{border-top-left-radius:.8rem;border-top-right-radius:.8rem}}.flip-clock__unit__flip--fold .t-clock{transform:translateY(50%)}.flip-clock__unit-container{perspective:30rem;perspective-origin:50%;flex-direction:column;height:9.2rem;display:inline-flex;position:relative}@media (min-width:768px){.flip-clock__unit-container{height:18.4rem}}.flip-clock__unit-shadow{z-index:0;background-color:var(--color-blue-12);border-radius:.8rem;width:100%;height:7.1rem;position:absolute;top:0;left:0}@media (min-width:768px){.flip-clock__unit-shadow{height:15rem}}.flip-clock__unit-name{margin-top:auto}@keyframes fold{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes unfold{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.t-heading{letter-spacing:.614rem;color:var(--color-white);text-transform:uppercase;font-size:1.8rem;line-height:2.3rem;font-weight:var(--weight-bold)}@media (min-width:768px){.t-heading{letter-spacing:.75rem;font-size:2.2rem;line-height:2.9rem}}.t-clock{letter-spacing:-1.08px;color:var(--color-pink-68);font-size:3.6rem;line-height:7.1rem;font-weight:var(--weight-bold)}@media (min-width:768px){.t-clock{letter-spacing:-2.4px;font-size:8rem;line-height:7.1rem}}.t-unit-name{letter-spacing:2.96px;text-transform:uppercase;color:var(--color-blue-59);font-size:.7rem;line-height:.9rem;font-weight:var(--weight-bold)}@media (min-width:768px){.t-unit-name{letter-spacing:5.92px;font-size:1.4rem;line-height:1.8rem}}.header{text-align:center;transition:var(--transition)padding;margin:0;padding:0 2.4rem}@media (min-width:768px){.header{padding-top:4rem}}@media (min-width:768px) and (min-height:790px){.header{margin-bottom:3rem;padding-top:4rem}}
.countdown-container{text-align:center;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;gap:clamp(.75rem,2.5vw,1.25rem);width:100%;max-width:600px;margin:2rem auto;padding:0 1rem;display:grid}.countdown-box{border-radius:var(--rounded-box,1rem);color:#fff;aspect-ratio:1;--rounded-box:1rem;background-color:#000;flex-direction:column;justify-content:center;align-items:center;min-width:clamp(65px,10vw,80px);height:clamp(65px,10vw,80px);padding:clamp(.375rem,1.2vw,.5rem);display:flex}.countdown{color:#fff;justify-content:center;gap:clamp(3px,.6vw,4.5px);margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1;display:flex}.countdown span{--value:0;width:1ch;height:1em;display:inline-block;position:relative;overflow:hidden}.countdown span:after{content:"0\a 1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9";white-space:pre;top:calc(var(--value)*-1em);text-align:center;line-height:1em;transition:top .5s ease-in-out;position:absolute;left:0;right:0}.countdown-label{color:#fff;margin-top:clamp(.125rem,.5vw,.25rem);font-size:clamp(.75rem,2vw,15px);font-weight:500;line-height:1.25rem}@media (max-width:480px){.countdown-container{gap:.75rem;max-width:350px;margin:1.5rem auto;padding:0 .5rem}.countdown-box{min-width:65px;height:65px;padding:.375rem}.countdown{gap:3px;font-size:2.5rem}.countdown-label{margin-top:.25rem;font-size:.75rem}}@media (min-width:481px) and (max-width:768px){.countdown-container{gap:1rem;max-width:500px}.countdown-box{min-width:65px;height:65px}.countdown{gap:3px;font-size:3.5rem}.countdown-label{font-size:.875rem}}@media (min-width:769px) and (max-width:1024px){.countdown-container{gap:1.125rem;max-width:550px}.countdown-box{min-width:75px;height:75px}.countdown{gap:4px;font-size:4.5rem}.countdown-label{font-size:1rem}}@media (min-width:1025px){.countdown-container{gap:1.25rem;max-width:600px}.countdown-box{min-width:80px;height:80px}.countdown{gap:4.5px;font-size:5rem}.countdown-label{font-size:15px}}@media (orientation:landscape) and (max-height:600px){.countdown-container{margin:1rem 0}.countdown-box{min-width:clamp(40px,6vh,60px);height:clamp(40px,6vh,60px)}.countdown{gap:clamp(1px,.3vh,3px);font-size:clamp(1.5rem,4vh,3rem)}.countdown-label{font-size:clamp(.5rem,1.5vh,.75rem)}}@media (min-width:1440px){.countdown-container{max-width:700px}}@media (max-width:320px){.countdown-container{gap:.5rem;max-width:280px;margin:1.25rem auto;padding:0 .375rem}.countdown-box{min-width:55px;height:55px;padding:.375rem}.countdown{gap:2px;font-size:2rem}.countdown-label{margin-top:.125rem;font-size:.625rem}}
.text-anim{cursor:default;text-align:center;white-space:nowrap;width:100%;height:100px;margin:50px auto 20px;font-family:Dubai Medium,sans-serif;display:block}.text-anim span{letter-spacing:.6rem;color:#fff;text-shadow:0 1px #ccc,0 2px #ccc,0 3px #ccc,0 4px #ccc,0 5px #ccc,0 6px #0000,0 7px #0000,0 8px #0000,0 9px #0000,0 10px 10px #0006;font-size:8rem;animation:.3s infinite alternate bounce;display:inline-block;position:relative;top:20px}.text-anim span:nth-child(2){animation-delay:.1s}.text-anim span:nth-child(3){animation-delay:.2s}.text-anim span:nth-child(4){animation-delay:.3s}.text-anim span:nth-child(5){animation-delay:.4s}.text-anim span:nth-child(6){animation-delay:.5s}.text-anim span:nth-child(7){animation-delay:.6s}@keyframes bounce{to{text-shadow:0 1px #ccc,0 2px #ccc,0 3px #ccc,0 4px #ccc,0 5px #ccc,0 6px #ccc,0 7px #ccc,0 8px #ccc,0 9px #ccc,0 50px 25px #0003;top:-20px}}@media screen and (max-width:768px){.text-anim{margin:40px auto 20px}.text-anim span{font-size:6rem}}
body{justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}.table-container{-webkit-backdrop-filter:blur(7px);border:2px solid #000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:1200px;margin:6rem auto;display:flex;position:relative;box-shadow:0 4px 30px #0000001a}.refresh-indicator{color:#fff;z-index:10;background:#00bcd4e6;border-radius:20px;padding:5px 15px;font-size:12px;font-weight:500;animation:1.5s infinite pulse;position:absolute;top:-30px;right:10px}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.glass-table{border-collapse:collapse;-webkit-backdrop-filter:blur(15px);text-align:center;border:5px solid #000;border-radius:16px;width:100%;overflow:hidden}.glass-table th{color:#083344;background-color:#00bcd4}.glass-table td{z-index:1;color:#000;padding:20px 15px;font-size:24px;font-weight:700;position:relative}.glass-table th{color:#083344;-webkit-backdrop-filter:blur(8px);text-align:center;background:#fff3;border-bottom:1px solid #ffffff4d;padding:20px 15px;font-size:26px;font-weight:600}.glass-table tbody tr{transition:transform .3s,background .3s;position:relative}@media screen and (max-width:768px){.table-container{width:100%;margin:40px auto}}
.spinner{width:28px;height:28px;transform-style:preserve-3d;animation:2s infinite spinner-y0fdc1}.spinner>div{background-color:#004dff33;border:2px solid #004dff;width:100%;height:100%;position:absolute}.spinner div:first-of-type{transform:translateZ(-16px)rotateY(180deg)}.spinner div:nth-of-type(2){transform-origin:100% 0;transform:rotateY(-270deg)translate(50%)}.spinner div:nth-of-type(3){transform-origin:0;transform:rotateY(270deg)translate(-50%)}.spinner div:nth-of-type(4){transform-origin:top;transform:rotateX(90deg)translateY(-50%)}.spinner div:nth-of-type(5){transform-origin:bottom;transform:rotateX(-90deg)translateY(50%)}.spinner div:nth-of-type(6){transform:translateZ(16px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg)rotateX(-25deg)rotateY(25deg)}50%{transform:rotate(45deg)rotateX(-385deg)rotateY(25deg)}to{transform:rotate(45deg)rotateX(-385deg)rotateY(385deg)}}
.btn-container{justify-content:center;align-items:center;margin:auto;display:flex}.animated-button{background-color:inherit;color:#274fbd;cursor:pointer;border:4px solid #0000;border-radius:100px;align-items:center;gap:4px;width:140px;margin-bottom:100px;padding:16px 36px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 2px #5c75bf}.animated-button svg{fill:#bdbdba;z-index:9;width:24px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{opacity:0;background-color:#4b3cb4;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-button .text{color:#fff;z-index:1;font-size:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-12px)}.animated-button:hover{color:#cbbdbd;border-radius:12px;box-shadow:0 0 0 12px #0000}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:#b4b3b3}.animated-button:active{scale:.95;box-shadow:0 0 0 4px #3737b8}.animated-button:hover .circle{opacity:1;width:220px;height:220px}
.overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-content{opacity:.8;text-align:center;background:#000;border-radius:12px;width:500px;max-width:90%;height:70vh;padding:80px 40px;animation:.3s ease-out fadeIn,.3s ease-out slideIn;position:relative;box-shadow:0 4px 15px #0003}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:50px;position:absolute;top:10px;right:10px}.close-btn:hover{color:red}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width:768px){.overlay-content{width:90%;padding:15px 20px}.close-btn{font-size:25px}}.no-scroll{overflow:hidden}
::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{color:#ccc0;background-color:#0000;background-image:url(https://icons.iconarchive.com/icons/dakirby309/simply-styled/256/Calendar-icon.png);background-position:50%;background-repeat:no-repeat;background-size:20px 20px}input[type=date]{background-color:#0000;border:1px solid #ccc;border-radius:5px;padding:10px;font-size:25px}::-webkit-datetime-edit-text{color:#555}::-webkit-datetime-edit-month-field{color:#555}::-webkit-datetime-edit-day-field{color:#555}::-webkit-datetime-edit-year-field{color:#555}.date-picker-input{margin:20px}.animated-buttonnn{background-color:inherit;color:#fff;cursor:pointer;border:none;border-radius:100px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .6s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffff21}.animated-buttonnn span:last-child{opacity:0;background-color:#2196f3;border-radius:50%;width:20px;height:20px;transition:all .8s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-buttonnn span:first-child{z-index:1;position:relative}.animated-buttonnn:hover{color:#fff;box-shadow:0 0 0 5px #2195f360}.animated-buttonnn:active{scale:.95}.animated-buttonnn:hover span:last-child{opacity:1;width:150px;height:150px}
