:root{font-family:Arial,sans-serif;color:#fff}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:#fff;overflow-x:hidden;overflow-y:auto;background:#000}.top-banner{display:flex;justify-content:space-between;align-items:center;padding:15px 3%;background:#000;position:relative;z-index:10;width:100%}.logo-container{display:flex;align-items:center}.logo-img{height:auto;width:15rem;max-width:100%;display:block}.coming{font-size:70px;font-weight:700;text-align:center;margin-top:20px;margin-inline:auto;margin-left:25%;color:#fff;-webkit-user-select:none;user-select:none;letter-spacing:-.5px;white-space:nowrap}.main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 5%;height:100vh;min-height:580px;box-sizing:border-box;background-image:url(/assets/bg-DHR8ctqc.png);background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;box-shadow:inset 0 0 50px 10px #005adc59,inset 0 0 100px 30px #001e7840}.main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000006b;z-index:0}.left-content{max-width:52%;margin-left:0;position:relative;z-index:1}.left-content h1{font-size:48px;margin:0;line-height:1.2;font-weight:700}.left-content p{margin:20px 0 25px;font-size:18px;line-height:1.5;color:#f0f0f0}.button-container{display:flex;flex-direction:column;width:15rem;gap:12px}.left-content button,.main-btn{background:#00c46b;border:none;padding:13px 22px;color:#fff;font-size:16px;font-weight:500;border-radius:5px;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .15s ease;box-shadow:0 2px 6px #00c46b33}.left-content button:hover,.main-btn:hover{background:#00ab5d;transform:translateY(-1px)}.left-content button:active,.main-btn:active{transform:translateY(0)}.scroller{position:relative;height:60%;max-height:600px;width:42%;min-width:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.scroller p{position:absolute;font-size:28px;opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);transform:translateY(50px) scale(.8);filter:blur(3px);color:#fff;margin:0;-webkit-user-select:none;user-select:none;text-align:center}.scroller p.active{font-size:42px;font-weight:700;opacity:1;transform:translateY(0) scale(1.2);filter:blur(0);color:#fff}.scroller p.prev{opacity:.6;transform:translateY(-60px) scale(1);filter:blur(2px);color:#fff}.scroller p.next{opacity:.6;transform:translateY(60px) scale(1);filter:blur(2px);color:#fff}.scroller p.prev2{opacity:.3;transform:translateY(-120px) scale(.9);filter:blur(3px)}.scroller p.next2{opacity:.3;transform:translateY(120px) scale(.9);filter:blur(3px)}@media(min-width:1400px){.left-content h1{font-size:52px}.left-content p{font-size:19px}}@media(max-width:1280px)and (min-width:1025px){.coming{font-size:58px;margin-left:15%}.left-content h1{font-size:42px}}@media(max-width:1024px)and (min-width:769px){.top-banner{padding:15px 20px}.logo-img{width:13rem}.coming{font-size:44px;margin-top:15px;margin-left:auto;margin-right:auto}.main{padding:0 4%;height:calc(100vh - 85px)}.left-content{max-width:55%}.left-content h1{font-size:36px}.left-content p{font-size:16px}.scroller{width:42%}.scroller p.active{font-size:34px}}@media(max-width:768px){.top-banner{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px 15px;gap:8px}.logo-img{width:12rem}.coming{font-size:34px;margin-top:5px;margin-left:0;margin-inline:auto;white-space:normal}.main{height:auto;min-height:calc(100vh - 120px);flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 20px 45px;background-position:25% center}.left-content{max-width:100%;width:100%;text-align:center;margin-bottom:35px;display:flex;flex-direction:column;align-items:center}.left-content h1{font-size:30px}.left-content p{font-size:16px;margin:15px 0 22px;max-width:500px}.button-container{width:100%;max-width:280px;margin:0 auto;align-items:stretch}.main-btn,.left-content button{width:100%;text-align:center}.scroller{width:100%;height:220px;min-width:0;max-height:240px}.scroller p{font-size:18px}.scroller p.active{font-size:28px}.scroller p.prev{transform:translateY(-45px) scale(1);font-size:20px}.scroller p.next{transform:translateY(45px) scale(1);font-size:20px}.scroller p.prev2{transform:translateY(-90px) scale(.9)}.scroller p.next2{transform:translateY(90px) scale(.9)}}@media(max-width:425px){.logo-img{width:9.5rem}.coming{font-size:28px}.left-content h1{font-size:25px}.left-content p{font-size:14.5px}.button-container{max-width:260px}.main-btn,.left-content button{padding:12px 16px;font-size:14.5px}.scroller{height:190px}.scroller p.active{font-size:24px}.scroller p.prev{transform:translateY(-38px) scale(1);font-size:17px}.scroller p.next{transform:translateY(38px) scale(1);font-size:17px}.scroller p.prev2{transform:translateY(-75px) scale(.9)}.scroller p.next2{transform:translateY(75px) scale(.9)}}