body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box!important;margin:0;padding:0}body,html{background:#0a0a0a;color:#fff;font-family:Cutive Mono,monospace;font-style:normal;font-weight:400;height:100%}body{flex-direction:column;min-height:100vh;overflow-x:hidden}.App,body{display:flex}.App{flex:1 1;flex-direction:column;margin:auto;max-width:1200px;padding:40px;text-align:center;width:100%}.logo{animation:pulse 2s infinite;margin-bottom:20px;width:150px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero{align-items:center;border-radius:15px;display:flex;flex-direction:column;padding:50px 20px}.hero .hero-title{color:#fff;font-size:3em;font-weight:700;margin-bottom:20px;text-transform:uppercase}.hero .hero-subtitle{color:#f39c12;font-size:1.8em;font-weight:700;letter-spacing:2px}.hero .hero-subtitle span{background:linear-gradient(90deg,#f39c12,#f39c12,#ff7675,#00cec9);-webkit-background-clip:text;background-clip:text;color:#0000;text-shadow:none}.content{color:#fff;font-size:1.2em;margin:0 auto;max-width:800px;text-transform:uppercase}.qr-code{background:#151515;border-radius:15px;box-shadow:0 0 20px 10px #ffdf0080;margin:30px auto;padding:15px;position:relative;width:400px}.qr-code:after{border-radius:5px;box-shadow:0 0 10px #0000004d;content:"Scan Me to Play";font-size:1em;left:50%;padding:5px 10px;position:absolute;top:-30px;transform:translateX(-50%)}.play-button,.qr-code:after{background-color:#1da1f2;color:#fff}.play-button{border-radius:50px;display:inline-block;font-size:1.2em;margin:30px 0;padding:15px 30px;text-decoration:none;transition:background-color .3s,box-shadow .3s}.play-button:hover{background-color:#0d95e8;box-shadow:0 0 15px #1da1f2cc}.social-links{display:flex;justify-content:center;margin-bottom:40px;margin-top:40px}.social-links a{margin:0 15px}.social-links img{height:40px;width:40px}.footer{background:#0a0a0a;margin-top:auto;padding:50px 20px;position:relative;text-align:center;width:100%}.footer-text{animation:gradient-animation 4s infinite;background:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,purple,#f0f,#ff69b4);-webkit-background-clip:text;background-clip:text;background-size:1000% 100%;color:#0000;font-size:5em;font-weight:700;margin:0;white-space:nowrap}@keyframes gradient-animation{0%{background-position:0 50%}to{background-position:100% 50%}}@media (max-width:768px){.hero .hero-title{font-size:2.5em}.hero .hero-subtitle{font-size:1.5em}.content{font-size:1em}.qr-code{width:150px}.footer-text{font-size:3em}}.roadmap{background-color:beige;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:40px}.roadmap h2{color:#333;font-size:2em;margin-bottom:20px;text-align:center}.roadmap-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.roadmap-item{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:20px;text-align:left;transition:transform .2s,box-shadow .2s}.roadmap-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-5px)}.roadmap-icon{display:inline-block;font-size:2em;margin-right:10px}.roadmap-item h3{color:#007bff;font-size:1.5em;margin:10px 0}.roadmap-details{color:#555;margin-top:10px;padding-left:20px}.roadmap-details ul{list-style-type:none;padding:0}.roadmap-details li{margin:5px 0;padding-left:1.2em;position:relative}.roadmap-details li:before{color:#28a745;content:"✔️";left:0;position:absolute}