*{margin:0;padding:0;box-sizing:border-box}:root{--gold-primary: #ffd700;--gold-secondary: #ffed4e;--gold-accent: #fbbf24;--gold-dark: #b8860b;--dark-bg: #0a0a0a;--darker-bg: #050505;--text-light: #ffffff;--text-gold: #ffd700;--shadow-gold: rgba(255, 215, 0, .3);--shadow-dark: rgba(0, 0, 0, .8)}html,body{height:100%;overflow-x:hidden}body{font-family:Georgia,Times New Roman,serif;background:var(--darker-bg);color:var(--text-light);line-height:1.6}#app{position:relative;min-height:100vh;background:linear-gradient(135deg,#000000b3,#0006,#000c),url(https://res.cloudinary.com/dtatkmmme/image/upload/f_auto,q_auto,w_1920,h_1080,c_fill/v1755087793/playusaonline.com/coming-soon-lander/playusainline_background_sqwxea.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,215,0,.05) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite;pointer-events:none}@keyframes backgroundPulse{0%,to{opacity:.3}50%{opacity:.6}}.sparkles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.sparkle{position:absolute;background:radial-gradient(circle,var(--gold-primary) 0%,var(--gold-secondary) 30%,transparent 70%);border-radius:50%;opacity:0;animation:sparkleFloat 6s infinite ease-in-out;box-shadow:0 0 6px var(--gold-primary)}.sparkle:nth-child(odd){animation-delay:-2s}.sparkle:nth-child(2n){animation-delay:-4s}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(100vh) scale(0) rotate(0)}10%{opacity:1;transform:translateY(90vh) scale(.5) rotate(45deg)}50%{opacity:.8;transform:translateY(50vh) scale(1) rotate(180deg)}90%{opacity:1;transform:translateY(10vh) scale(.5) rotate(315deg)}}.main-content{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.content-wrapper{text-align:center;max-width:800px;opacity:0;transform:translateY(50px);animation:fadeInUp 2s ease-out .5s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:4rem;position:relative}.logo-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--shadow-gold) 0%,transparent 70%);border-radius:50%;animation:logoGlow 3s ease-in-out infinite alternate;z-index:-1}.logo{max-width:400px;width:100%;height:auto;filter:drop-shadow(0 0 20px var(--shadow-gold)) drop-shadow(0 0 40px var(--shadow-gold)) brightness(1.1);transition:all .5s ease;animation:logoFloat 4s ease-in-out infinite}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px var(--shadow-gold)) drop-shadow(0 0 60px var(--shadow-gold)) brightness(1.2)}@keyframes logoGlow{0%{background:radial-gradient(circle,rgba(255,215,0,.2) 0%,transparent 70%)}to{background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-title{font-size:clamp(3rem,10vw,6rem);font-weight:700;color:var(--text-gold);margin-bottom:2rem;text-shadow:0 0 10px var(--gold-primary),0 0 20px var(--gold-primary),0 0 40px var(--gold-primary),2px 2px 4px var(--shadow-dark);letter-spacing:4px;text-transform:uppercase;animation:titleShimmer 3s ease-in-out infinite;position:relative;background:linear-gradient(45deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--gold-dark),var(--gold-accent),var(--gold-dark));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;animation:backgroundShift 4s ease-in-out infinite}@keyframes titleShimmer{0%,to{text-shadow:0 0 10px var(--gold-primary),0 0 20px var(--gold-primary),0 0 40px var(--gold-primary),2px 2px 4px var(--shadow-dark)}50%{text-shadow:0 0 20px var(--gold-primary),0 0 40px var(--gold-primary),0 0 80px var(--gold-primary),2px 2px 4px var(--shadow-dark)}}@keyframes backgroundShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.subtitle{font-size:clamp(1.5rem,5vw,2.2rem);color:var(--text-light);margin-bottom:1.5rem;font-weight:300;text-shadow:2px 2px 4px var(--shadow-dark);letter-spacing:2px;animation:subtitleGlow 4s ease-in-out infinite alternate}@keyframes subtitleGlow{0%{text-shadow:2px 2px 4px var(--shadow-dark)}to{text-shadow:2px 2px 4px var(--shadow-dark),0 0 10px rgba(255,255,255,.3)}}.message{font-size:clamp(1.2rem,4vw,1.6rem);color:#ffffffe6;font-weight:300;text-shadow:1px 1px 2px var(--shadow-dark);letter-spacing:1px;animation:messageFloat 5s ease-in-out infinite}@keyframes messageFloat{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-5px);opacity:1}}.content-wrapper:before,.content-wrapper:after{content:"";position:absolute;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);top:50%;animation:decorativeLine 3s ease-in-out infinite}.content-wrapper:before{left:-120px}.content-wrapper:after{right:-120px}@keyframes decorativeLine{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}@media (max-width: 768px){#app{background-attachment:scroll;background-image:linear-gradient(135deg,#000c,#00000080,#000000e6),url(https://res.cloudinary.com/dtatkmmme/image/upload/f_auto,q_auto,w_768,h_1024,c_fill/v1755087793/playusaonline.com/coming-soon-lander/playusainline_background_sqwxea.png)}.main-content{padding:1rem}.logo-container{margin-bottom:3rem}.logo{max-width:280px}.coming-soon-title{margin-bottom:1.5rem;letter-spacing:2px}.content-wrapper:before,.content-wrapper:after{display:none}.sparkle{animation-duration:4s}}@media (max-width: 480px){.logo{max-width:240px}.coming-soon-title,.subtitle{letter-spacing:1px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.content-wrapper{opacity:1;transform:none}}@media (prefers-contrast: high){.coming-soon-title{color:#fff;text-shadow:2px 2px 0px #000000;-webkit-text-fill-color:#ffffff}.sparkle{background:#fff}}