.App{min-height:100vh;background:linear-gradient(135deg,#000,#0a0a0a,#1a0033);color:#fff;position:relative;overflow-x:hidden}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.header{position:fixed;top:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,255,.3);z-index:1000;padding:1rem 0}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:2rem;font-weight:700;color:#0ff;text-decoration:none;text-shadow:0 0 20px rgba(0,255,255,.5)}.nav{display:flex;gap:2rem;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{color:#fff;text-decoration:none;transition:all .3s ease;position:relative}.nav-links a:hover{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#0ff,#9333e6);transition:width .3s ease}.nav-links a:hover:after{width:100%}.play-button{background:linear-gradient(45deg,#0ff,#9333e6);border:none;padding:.75rem 2rem;border-radius:25px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.play-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffff4d}.play-button-mobile{display:none}.play-button-mobile .play-button{width:100%;text-align:center;margin-top:1rem}.play-button-desktop{display:inline-block}.burger-checkbox{display:none}.burger-label{display:none;flex-direction:column;cursor:pointer;width:30px;height:24px;position:relative;flex-shrink:0;justify-content:space-between;align-items:stretch}.burger-label span{display:block;width:100%;height:3px;background:#0ff;border-radius:3px;transition:all .3s ease;flex-shrink:0}section{padding:5rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;background:linear-gradient(45deg,#0ff,#9333e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:120px;position:relative;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-background img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1}.hero-content{position:relative;z-index:2}.hero h1{font-size:4rem;margin-bottom:1rem;background:linear-gradient(45deg,#0ff,#9333e6,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-disclaimer{font-size:1.1rem;margin:2rem 0;padding:1rem 2rem;border:1px solid rgba(0,255,255,.3);border-radius:10px;background:#00ffff0d}.hero-disclaimer .highlight{color:#0ff;font-weight:700}.about-content,.guide-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.placeholder-image{width:100%;aspect-ratio:16/9;background:linear-gradient(45deg,#333,#555);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.2rem}.about-image,.guide-image{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:2px solid rgba(0,255,255,.3)}.about-image img,.guide-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.about-image:hover img,.guide-image:hover img{transform:scale(1.05)}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:2rem;background:#ffffff0d;border-radius:10px;overflow:hidden}.leaderboard-table th,.leaderboard-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-table th{background:#00ffff1a;color:#0ff;font-weight:700}.leaderboard-table tr:hover{background:#9333ea1a}.certificates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.certificate-card{background:#ffffff0d;padding:2rem;border-radius:10px;text-align:center;border:1px solid rgba(0,255,255,.2);transition:all .3s ease}.certificate-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.certificate-icon{font-size:3rem;margin-bottom:1rem;color:#0ff}.faq-item{background:#ffffff0d;margin-bottom:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#00ffff0d}.faq-answer{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.testimonial-card{background:#ffffff0d;padding:2rem;border-radius:10px;border:1px solid rgba(147,51,234,.2);transition:all .3s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#9333e6;box-shadow:0 10px 30px #9333ea33}.testimonial-author{font-weight:700;color:#0ff;margin-top:1rem}.contact-info{text-align:center;margin-top:2rem}.contact-email{font-size:1.5rem;color:#0ff;text-decoration:none;word-break:break-all}.contact-email:hover{text-shadow:0 0 10px rgba(0,255,255,.5)}.footer{background:#000000e6;border-top:1px solid rgba(0,255,255,.3);padding:3rem 2rem 2rem;margin-top:5rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3,.footer-section h4{color:#0ff;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#0ff}.footer-banners{max-width:1200px;margin:2rem auto 0;display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(0,255,255,.2)}.footer-banners img{display:block;object-fit:contain}.banner-18{height:2rem}.banner-gambleaware{height:1rem}.banner-gamcare{height:2rem}.banner-link{display:inline-block;transition:opacity .3s ease}.banner-link:hover{opacity:.8}.footer-restart{max-width:1200px;margin:2rem auto 0;display:flex;justify-content:center;padding-top:1rem;border-top:1px solid rgba(0,255,255,.2)}.restart-game-button{padding:.75rem 2rem;background:#fff3;color:#fff;border:2px solid #fff;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:1rem}.restart-game-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #fff3}@keyframes glow{0%{text-shadow:0 0 20px rgba(0,255,255,.5)}to{text-shadow:0 0 30px rgba(147,51,234,.5)}}@media(max-width:768px){.header-content{padding:0 1rem;gap:1rem}.logo{font-size:1.5rem;flex-shrink:1;min-width:0}.burger-label{display:flex;width:32px;height:26px;min-width:32px;min-height:26px;flex-shrink:0}.burger-label span{height:3.5px}.nav{flex-shrink:0}.nav-links{position:fixed;top:80px;right:0;width:100%;height:calc(100vh - 80px);background:#000000f2;flex-direction:column;padding:2rem;transform:translate(100%);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);z-index:999;opacity:0;pointer-events:none}.burger-checkbox:checked~.nav-links{transform:translate(0);opacity:1;pointer-events:auto}.play-button-desktop{display:none!important}.play-button-mobile{display:block;list-style:none;margin-top:1rem}.nav{gap:1rem}.age-content{padding:2rem 1.5rem;margin:0 1rem;max-width:calc(100% - 2rem)}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-content,.guide-content{grid-template-columns:1fr;gap:2rem}.certificates,.testimonials-grid{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#000000f2;border-top:2px solid #00ffff;padding:1.5rem;z-index:1001;transform:translateY(100%);transition:transform .3s ease}.cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}.cookie-text{flex:1;min-width:300px}.cookie-buttons{display:flex;gap:1rem}.cookie-button{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.cookie-accept{background:#0ff;color:#000}.cookie-decline{background:transparent;color:#fff;border:2px solid #9333e6}.cookie-button:hover{transform:translateY(-2px)}.age-modal{position:fixed;inset:0;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1002}.age-content{background:linear-gradient(135deg,#1a1a1a,#2a1a3a);padding:3rem;border-radius:20px;text-align:center;max-width:400px;border:2px solid #00ffff;box-shadow:0 20px 60px #00ffff4d;width:calc(100% - 2rem);margin:0 1rem}.age-title{font-size:2rem;margin-bottom:1rem;color:#0ff}.age-buttons{display:flex;gap:1rem;margin-top:2rem}.age-button{flex:1;padding:1rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease}.age-yes{background:#0ff;color:#000}.age-no{background:#9333e6;color:#fff}.age-button:hover{transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-cyan: #00ffff;--primary-purple: #9333e6;--bg-dark: #000000;--bg-medium: #0a0a0a;--bg-light: #1a0033;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: rgba(0, 255, 255, .3)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;max-width:100vw}body{overflow-x:hidden;max-width:100vw}a{color:var(--primary-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-purple)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:focus{outline:2px solid var(--primary-cyan);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(45deg,var(--primary-cyan),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){html{font-size:14px}}@media(max-width:480px){html{font-size:13px}}