.app{position:relative}.hero{color:var(--white);padding:120px 0;text-align:center;position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero-background{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:#0009;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 20px;width:100%}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:2rem;color:var(--silver)}.hero-disclaimer{font-size:1.1rem;color:var(--accent);margin-bottom:2rem;font-weight:500}.hero-free{font-size:1rem;color:var(--primary-emerald);margin-bottom:2rem;font-weight:600}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-image{aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center}.leaderboard-table{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-top:2rem}.leaderboard-header{background-color:var(--dark-navy);color:var(--white);display:grid;grid-template-columns:80px 1fr 120px 120px;gap:20px;padding:20px;font-weight:600}.leaderboard-row{display:grid;grid-template-columns:80px 1fr 120px 120px;gap:20px;padding:20px;border-bottom:1px solid var(--silver);align-items:center}.leaderboard-row:nth-child(2n){background-color:var(--silver-light)}.rank-1{background-color:#fef3c7!important}.rank-2{background-color:#f3f4f6!important}.rank-3{background-color:#fef3c7!important}.security-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.security-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.certificates{display:grid;gap:24px}.certificate-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--silver-light);border-radius:12px}.certificate-icon{width:48px;height:48px;background:var(--primary-emerald);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;flex-shrink:0}.certificate-content h4{color:var(--dark-navy);margin-bottom:8px;font-size:1.1rem}.certificate-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.guide-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.guide-text p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.guide-image{aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.guide-image img{width:100%;height:100%;object-fit:cover;object-position:center}.faq-items{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.faq-question{padding:24px;background:var(--silver-light);font-weight:600;color:var(--dark-navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{padding:24px;line-height:1.7}.faq-answer p{margin-bottom:1rem}.faq-answer p:last-child{margin-bottom:0}.testimonials-image{max-width:800px;margin:0 auto 3rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.testimonials-image img{width:100%;height:auto;display:block;object-fit:cover}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:2rem}.testimonial-card{background:var(--white);padding:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;display:flex;flex-direction:column}.testimonial-image{width:100%;height:200px;border-radius:8px;overflow:hidden;margin-bottom:20px}.testimonial-image img{width:100%;height:100%;object-fit:cover;object-position:center}.testimonial-text{font-style:italic;margin-bottom:20px;font-size:1.1rem;line-height:1.6;flex:1}.testimonial-author{font-weight:600;color:var(--primary-emerald);margin-bottom:4px}.testimonial-role{color:var(--text-secondary);font-size:.9rem}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-info{background:var(--silver-light);padding:40px;border-radius:12px;margin-top:2rem}.contact-email{font-size:1.3rem;font-weight:600;color:var(--primary-emerald);word-break:break-all;margin-bottom:1rem}.contact-text{color:var(--text-secondary);line-height:1.7}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:var(--dark-navy);color:var(--white);padding:20px;z-index:1000;box-shadow:0 -2px 10px #0003;transform:translateY(0);transition:transform .3s ease}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cookie-text h3{color:var(--primary-emerald);margin-bottom:8px;font-size:1.1rem}.cookie-text p{margin:0;font-size:.9rem;line-height:1.5}.cookie-text a{color:var(--primary-emerald);text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-buttons{display:flex;gap:12px;flex-shrink:0}.cookie-buttons .btn{padding:8px 16px;font-size:.9rem;white-space:nowrap}.age-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.age-modal{background:var(--white);border-radius:16px;padding:40px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d;transform:scale(1);transition:transform .3s ease}.age-modal-content h2{color:var(--dark-navy);margin-bottom:16px;font-size:1.5rem}.age-modal-content p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem}.age-modal-buttons{display:flex;gap:16px;justify-content:center}.age-modal-buttons .btn{min-width:80px;padding:12px 24px;font-size:1rem}.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.header-logo h1{color:var(--primary-emerald);font-size:1.8rem;font-weight:700;margin:0}.nav{flex:0 1 auto;max-width:calc(100% - 300px)}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:30px;align-items:center}.nav-list li{flex-shrink:0}.nav-list a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease;white-space:nowrap}.nav-list a:hover{color:var(--primary-emerald)}.nav-play-mobile{display:none}.header-actions{display:flex;align-items:center;gap:20px}.header-play{white-space:nowrap}.burger-menu,.burger-checkbox{display:none}.burger-label{display:flex;flex-direction:column;cursor:pointer;padding:5px}.burger-label span{display:block;width:25px;height:3px;background-color:var(--dark-navy);margin:3px 0;transition:.3s;border-radius:2px}@media(max-width:768px){.burger-menu{display:block}.nav{position:fixed;top:70px;right:0;width:100%;height:calc(100vh - 70px);background:var(--white);transform:translate(100%);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto;box-shadow:-5px 0 15px #0000001a;max-width:none}.nav-open{transform:translate(0)}.nav-list{flex-direction:column;padding:40px 20px;gap:20px}.nav-list li{width:100%;text-align:center}.nav-play-mobile{display:block;margin-top:20px}.header-play{display:none}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.about-content,.security-content,.guide-content{grid-template-columns:1fr;gap:40px}.leaderboard-header,.leaderboard-row{grid-template-columns:60px 1fr 80px 80px;gap:15px;padding:15px;font-size:.9rem}.testimonials-grid{grid-template-columns:1fr}.contact-email{font-size:1.1rem}.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{width:100%;justify-content:center}}@media(max-width:480px){.hero{padding:80px 0;min-height:auto}.hero h1{font-size:2rem}.testimonial-image{height:150px}.age-modal{padding:30px 20px}.age-modal-buttons{flex-direction:column}.leaderboard-header,.leaderboard-row{grid-template-columns:50px 1fr 60px 60px;gap:10px;padding:12px;font-size:.8rem}.contact-info{padding:30px 20px}.cookie-buttons{flex-direction:column;width:100%}.cookie-buttons .btn{width:100%}}:root{--primary-emerald: #10b981;--primary-emerald-dark: #059669;--silver: #e5e7eb;--silver-light: #f3f4f6;--dark-navy: #1f2937;--dark-navy-light: #374151;--white: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--accent: #f59e0b;--error: #ef4444;--success: #10b981}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-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;line-height:1.6;color:var(--text-primary);background-color:var(--white)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--dark-navy)}.section-subtitle{font-size:1.2rem;text-align:center;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--primary-emerald);color:var(--white)}.btn-primary:hover{background-color:var(--primary-emerald-dark);transform:translateY(-2px)}.btn-secondary{background-color:var(--silver);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--silver-light)}.footer{background-color:var(--dark-navy);color:var(--white);padding:40px 0 20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-section h3{color:var(--primary-emerald);margin-bottom:16px;font-size:1.5rem}.footer-section h4{color:var(--primary-emerald);margin-bottom:16px;font-size:1.2rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section a{color:var(--silver);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-emerald)}.footer-banners{max-width:1200px;margin:30px auto 0;padding:0 20px 20px;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.footer-banner{display:block;object-fit:contain}.footer-banner-18plus{height:2rem}.footer-banner-gambleaware{height:1rem}.footer-banner-gamecare{height:2rem}.footer-banner-link{display:inline-block;transition:opacity .3s ease}.footer-banner-link:hover{opacity:.8}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-banners{gap:15px}.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}@media(max-width:480px){.container{padding:0 15px}.section{padding:40px 0}.section-title{font-size:1.8rem}}