: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(10px);background:#0006;border:2px solid #fff;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 8px 32px #ffffff1a,0 0 60px #ffffff0d}.refresh-indicator{color:#000;z-index:10;background:#fff;border:2px solid #fff;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;animation:1.5s infinite pulse;position:absolute;top:-30px;right:10px;box-shadow:0 4px 12px #ffffff4d}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}.glass-table{border-collapse:separate;border-spacing:0;-webkit-backdrop-filter:blur(15px);text-align:center;background:#0009;border-radius:12px;width:100%;overflow:hidden}.glass-table th{color:#fff;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);text-align:center;z-index:10;background:#000;border-bottom:3px solid #fff;padding:24px 20px;font-size:22px;font-weight:700;position:sticky;top:0}.glass-table td{z-index:1;color:#fff;border-bottom:1px solid #ffffff1a;padding:20px 15px;font-size:22px;font-weight:600;transition:all .3s;position:relative}.glass-table tbody tr{background:#0000004d;transition:all .3s;position:relative}.glass-table tbody tr:hover{background:#ffffff1a;transform:scale(1.02)}.glass-table tbody tr:hover td{color:#fff;text-shadow:0 0 10px #ffffff80}.glass-table tbody tr:last-child td{border-bottom:none}.glass-table tbody tr:nth-child(2n){background:#ffffff0d}.glass-table tbody tr:nth-child(odd){background:#0000004d}@media screen and (max-width:768px){.table-container{border-width:1px;width:95%;margin:40px auto}.glass-table th{letter-spacing:.5px;padding:18px 12px;font-size:18px}.glass-table td{padding:16px 10px;font-size:18px}.refresh-indicator{padding:6px 15px;font-size:11px;top:-25px;right:5px}}
.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{color:#fff;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:160px;margin-bottom:100px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.animated-button svg{fill:#fff;z-index:9;width:20px;transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute}.animated-button .arr-1{right:16px}.animated-button .arr-2{opacity:0;left:-30%}.animated-button .circle{opacity:0;background-color:#fff;border-radius:50%;width:0;height:0;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-button .text{color:#fff;letter-spacing:.5px;z-index:1;font-size:18px;font-weight:600;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;transform:translate(-8px)}.animated-button:hover{background-color:#1a1a1a;border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff26}.animated-button:hover .arr-1{opacity:0;right:-30%}.animated-button:hover .arr-2{opacity:1;left:16px}.animated-button:hover .text{color:#000;transform:translate(8px)}.animated-button:hover svg{fill:#000}.animated-button:active{transform:translateY(0)scale(.97);box-shadow:0 2px 8px #ffffff1a}.animated-button:hover .circle{opacity:1;width:300px;height:300px}
.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}.overlay-content{text-align:center;background:#000;border:2px solid #fff;border-radius:16px;width:600px;max-width:90%;height:75vh;padding:60px 40px 40px;animation:.4s ease-out fadeIn,.4s cubic-bezier(.23,1,.32,1) slideIn;position:relative;overflow-y:auto;box-shadow:0 8px 32px #ffffff1a,0 0 80px #ffffff0d}.overlay-content h2{color:#fff;letter-spacing:1px;margin-bottom:16px;font-weight:700}.overlay-content p{color:#ccc;font-weight:400}.close-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:32px;line-height:1;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.close-btn:hover{color:#000;background:#fff;border-color:#fff;transform:rotate(90deg)scale(1.1)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-30px)scale(.95)}to{transform:translateY(0)scale(1)}}.overlay-content::-webkit-scrollbar{width:8px}.overlay-content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:8px}.overlay-content::-webkit-scrollbar-thumb{background:#fff;border-radius:8px}.overlay-content::-webkit-scrollbar-thumb:hover{background:#ccc}@media (max-width:768px){.overlay-content{border-radius:12px;width:95%;height:85vh;padding:50px 20px 30px}.overlay-content h2{margin:20px auto!important;font-size:24px!important}.close-btn{width:36px;height:36px;font-size:28px;top:12px;right:12px}}.no-scroll{overflow:hidden}
::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:brightness(0)invert();background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"></rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"></line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"></line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"></line></svg>");background-position:50%;background-repeat:no-repeat;background-size:26px 26px}input[type=date]{color:#fff;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:8px;min-width:280px;padding:18px 24px;font-size:24px;font-weight:500;transition:all .3s}input[type=date]:hover{border-color:#fff;box-shadow:0 0 12px #fff3}input[type=date]:focus{border-color:#fff;outline:none;box-shadow:0 0 16px #ffffff4d}::-webkit-datetime-edit-text{color:#fff;padding:0 4px}::-webkit-datetime-edit-month-field{color:#fff;font-weight:600}::-webkit-datetime-edit-day-field{color:#fff;font-weight:600}::-webkit-datetime-edit-year-field{color:#fff;font-weight:600}.date-picker-input{margin:20px auto}@media screen and (max-width:768px){input[type=date]{min-width:240px;padding:14px 18px;font-size:18px}.animated-buttonnn{min-width:180px;padding:14px 32px;font-size:18px}::-webkit-calendar-picker-indicator{background-size:22px 22px}}.animated-buttonnn{color:#fff;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:8px;min-width:200px;padding:18px 40px;font-size:20px;font-weight:600;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 12px #ffffff1a}.animated-buttonnn span:last-child{opacity:0;background-color:#fff;border-radius:50%;width:0;height:0;transition:all .6s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animated-buttonnn span:first-child{z-index:1;transition:color .4s;position:relative}.animated-buttonnn:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #fff3}.animated-buttonnn:hover span:first-child{color:#000}.animated-buttonnn:active{transform:translateY(0)scale(.97);box-shadow:0 2px 8px #ffffff1a}.animated-buttonnn:hover span:last-child{opacity:1;width:200px;height:200px}.date-picker-container{flex-direction:column;align-items:center;gap:24px;padding:20px;display:flex}