:root{--gold:#e6c468;--gold-dark:#b8860b;--navy:#1a1a2e;--black:#000;--glass:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--black);color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Playfair Display,serif;display:flex;overflow-x:hidden}.background-container{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.bg-image{background-color:#0000;background-image:linear-gradient(#0006,#0009),url(bg.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;animation:20s ease-in-out infinite alternate zoomEffect}@keyframes zoomEffect{0%{transform:scale(1)}to{transform:scale(1.1)}}.stars,.twinkling{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.stars{z-index:0;opacity:.5;background:url(https://www.transparenttextures.com/patterns/stardust.png) top}.twinkling{z-index:1;opacity:.3;background:url(https://www.transparenttextures.com/patterns/stardust.png) top;animation:200s linear infinite move-twink-back}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.content{text-align:center;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #e6c46833;border-radius:30px;max-width:800px;padding:2rem;box-shadow:0 8px 32px #000c}.logo{background:linear-gradient(to bottom, #fff, var(--gold), var(--gold-dark));-webkit-text-fill-color:transparent;letter-spacing:12px;filter:drop-shadow(0 0 10px #e6c46880);-webkit-background-clip:text;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:5rem;font-weight:700}.tagline{color:var(--gold);letter-spacing:4px;opacity:.9;margin-bottom:3rem;font-size:1.2rem;font-style:italic}.slogans-container{justify-content:center;align-items:center;height:80px;margin-bottom:2rem;display:flex}.slogan-slider{width:100%;position:relative}.slogan-text{opacity:0;letter-spacing:1px;text-shadow:2px 2px 4px #00000080;width:100%;font-size:1.3rem;font-weight:400;line-height:1.4;transition:opacity 1s ease-in-out,transform 1s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slogan-text.active{opacity:1;transform:translateY(-50%)}.app-showcase{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;padding:1rem;display:flex}.showcase-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #e6c4684d;border-radius:20px;max-width:200px;padding:10px;transition:transform .4s,box-shadow .4s;box-shadow:0 10px 30px #00000080}.showcase-item:hover{transform:translateY(-10px)rotate(2deg);box-shadow:0 20px 40px #e6c46833}.app-screenshot{border-radius:12px;width:100%;display:block}.cta-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.buy-button{color:var(--black);background:var(--gold);letter-spacing:2px;border-radius:50px;padding:1.5rem 3.5rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 0 20px #e6c46866}.buy-button:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 40px #e6c468cc}.buy-button span{z-index:2;position:relative}.buy-button .glow{z-index:1;opacity:.3;background:radial-gradient(circle,#fffc 0%,#0000 70%);width:200%;height:200%;animation:4s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hint{color:#ffffff80;margin-top:1rem;font-size:.8rem}.sound-control{background:var(--glass);cursor:pointer;border:1px solid var(--gold);z-index:100;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px}.sound-control:hover{background:var(--gold);color:var(--black)}@media (width<=768px){.logo{letter-spacing:6px;font-size:3rem}.slogan-text{font-size:1.1rem}.buy-button{padding:1.2rem 2.5rem;font-size:1rem}.content{width:90%}}
