*{margin:0;padding:0;box-sizing:border-box}body{font-family:inter,sans-serif;color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;overflow:hidden;position:relative}.background-pattern{position:fixed;top:0;left:0;width:300vw;height:300vh;z-index:-1;opacity:.08;animation:float 20s ease-in-out infinite alternate}.background-pattern-2{position:fixed;top:-100px;left:-150px;width:350vw;height:350vh;z-index:-2;opacity:.06;animation:float2 25s ease-in-out infinite alternate-reverse}.background-pattern-3{position:fixed;top:50px;left:100px;width:400vw;height:400vh;z-index:-3;opacity:.04;animation:float3 30s ease-in-out infinite alternate}.background-pattern-4{position:fixed;top:-200px;left:250px;width:250vw;height:250vh;z-index:-4;opacity:.07;animation:float4 15s ease-in-out infinite alternate-reverse}.background-pattern-5{position:fixed;top:150px;left:-300px;width:500vw;height:500vh;z-index:-5;opacity:.03;animation:float5 35s ease-in-out infinite alternate}.background-pattern::before{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:0;left:0;width:100%;height:100%;font-size:2rem;font-family:playfair display,serif;line-height:3rem;word-spacing:2rem;letter-spacing:1rem;white-space:pre-wrap;transform:rotate(-15deg)}.background-pattern-2::before{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:0;left:0;width:100%;height:100%;font-size:1.5rem;font-family:roboto,sans-serif;line-height:2.5rem;word-spacing:1.5rem;letter-spacing:.8rem;white-space:pre-wrap;transform:rotate(45deg)}.background-pattern-3::before{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:0;left:0;width:100%;height:100%;font-size:3rem;font-family:inter,sans-serif;font-weight:600;line-height:4rem;word-spacing:2.5rem;letter-spacing:1.5rem;white-space:pre-wrap;transform:rotate(-45deg)}.background-pattern-4::before{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:0;left:0;width:100%;height:100%;font-size:1rem;font-family:jetbrains mono,monospace;line-height:1.8rem;word-spacing:1rem;letter-spacing:.5rem;white-space:pre-wrap;transform:rotate(30deg)}.background-pattern-5::before{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:0;left:0;width:100%;height:100%;font-size:5rem;font-family:playfair display,serif;line-height:7rem;word-spacing:4rem;letter-spacing:3rem;white-space:pre-wrap;transform:rotate(-30deg)}.background-pattern::after{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:100px;left:200px;width:100%;height:100%;font-size:4rem;font-family:jetbrains mono,monospace;font-weight:700;line-height:6rem;word-spacing:3rem;letter-spacing:2rem;white-space:pre-wrap;transform:rotate(15deg);opacity:.3}.background-pattern-2::after{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:300px;left:-100px;width:100%;height:100%;font-size:2.5rem;font-family:inter,sans-serif;font-weight:400;line-height:4rem;word-spacing:2rem;letter-spacing:1.2rem;white-space:pre-wrap;transform:rotate(-60deg);opacity:.4}.background-pattern-3::after{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:-150px;left:400px;width:100%;height:100%;font-size:1.2rem;font-family:jetbrains mono,monospace;font-weight:400;line-height:2rem;word-spacing:1rem;letter-spacing:.6rem;white-space:pre-wrap;transform:rotate(60deg);opacity:.5}.background-pattern-4::after{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:200px;left:300px;width:100%;height:100%;font-size:6rem;font-family:playfair display,serif;font-weight:700;line-height:8rem;word-spacing:5rem;letter-spacing:3.5rem;white-space:pre-wrap;transform:rotate(0);opacity:.2}.background-pattern-5::after{content:"9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9 9";position:absolute;top:-250px;left:-200px;width:100%;height:100%;font-size:.8rem;font-family:roboto,sans-serif;font-weight:300;line-height:1.5rem;word-spacing:.5rem;letter-spacing:.3rem;white-space:pre-wrap;transform:rotate(90deg);opacity:.6}@keyframes float{0%{transform:translateX(-50px)translateY(-50px)rotate(-15deg)}100%{transform:translateX(50px)translateY(50px)rotate(-15deg)}}@keyframes float2{0%{transform:translateX(-75px)translateY(25px)rotate(45deg)}100%{transform:translateX(75px)translateY(-25px)rotate(45deg)}}@keyframes float3{0%{transform:translateX(30px)translateY(-80px)rotate(-45deg)}100%{transform:translateX(-30px)translateY(80px)rotate(-45deg)}}@keyframes float4{0%{transform:translateX(-100px)translateY(-30px)rotate(30deg)}100%{transform:translateX(100px)translateY(30px)rotate(30deg)}}@keyframes float5{0%{transform:translateX(60px)translateY(60px)rotate(-30deg)}100%{transform:translateX(-60px)translateY(-60px)rotate(-30deg)}}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:1}.coming-soon{text-align:center;max-width:600px;animation:fadeInUp 1s ease-out}.title{font-size:clamp(3rem,8vw,6rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#64ffda,#00bcd4,#2196f3);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite}.subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:#b0bec5;margin-bottom:3rem;font-weight:400}.message{font-size:clamp(1rem,2.5vw,1.2rem);color:#cfd8dc;font-style:italic;opacity:.8}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}@media(max-width:768px){.countdown{flex-direction:column;gap:1rem}.countdown-item{padding:1rem}.countdown-number{font-size:2rem}.background-pattern::before,.background-pattern::after{font-size:1.5rem;line-height:2rem;word-spacing:1rem;letter-spacing:.5rem}}