.app{min-height:100vh;background:linear-gradient(135deg,var(--deep-blue) 0%,var(--teal) 50%,var(--gold) 100%);background-attachment:fixed}.header{position:fixed;top:0;left:0;right:0;background:#0c4a6ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease;width:100%;overflow-x:hidden;overflow-y:visible}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.logo{font-size:2rem;font-weight:700;color:var(--white);text-decoration:none;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.logo:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(245,158,11,.5)}.nav{display:flex;gap:.75rem;flex:0 1 auto;justify-content:center;flex-wrap:nowrap;min-width:0;max-width:calc(100% - 300px);overflow:hidden}.nav-link{color:var(--white);font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:all .3s ease;position:relative;white-space:nowrap;flex-shrink:0;font-size:.95rem}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gold);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.play-btn{background:var(--gold);color:var(--gray-900);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #f59e0b66;white-space:nowrap;flex-shrink:0;margin-left:1rem}.play-btn:hover{background:var(--pale-gold);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #f59e0b99}.play-btn-mobile{display:none}.play-btn-desktop{display:inline-block}.burger-checkbox{display:none}.burger-label{display:none;flex-direction:column;cursor:pointer;z-index:1100}.burger-line{width:25px;height:3px;background:var(--white);margin:3px 0;transition:all .3s ease;border-radius:2px}.hero{padding-top:120px;min-height:100vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#0009;z-index:1}.hero-content{position:relative;z-index:2}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:1.5rem;margin-bottom:2rem;color:var(--white);opacity:.9}.hero-text{font-size:1.2rem;margin-bottom:2rem;color:var(--white);max-width:600px;margin-left:auto;margin-right:auto}.hero-disclaimer{background:#ffffff1a;padding:1rem;border-radius:12px;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.about{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text{font-size:1.1rem;line-height:1.8;color:var(--gray-700)}.about-image{width:100%;aspect-ratio:16/9;background:var(--gray-300);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:1.2rem}.leaderboard-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.leaderboard-table th,.leaderboard-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.leaderboard-table th{background:var(--teal);color:var(--white);font-weight:600}.leaderboard-table tr:hover{background:var(--gray-50)}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--white)}.rank-2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:var(--gray-700)}.rank-3{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white)}.certificates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.certificate-card{text-align:center;padding:2rem;background:var(--white);border-radius:16px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.certificate-icon{font-size:3rem;margin-bottom:1rem;color:var(--teal)}.certificate-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}.certificate-desc{color:var(--gray-600);font-size:.9rem}.faq-item{background:var(--white);border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:0 4px 14px #0000001a}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--gray-800);transition:all .3s ease}.faq-question:hover{background:var(--gray-50)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--gray-600);line-height:1.6}.faq-toggle{font-size:1.2rem;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(45deg);color:var(--teal)}.contact-email{font-size:1.5rem;font-weight:600;color:var(--gold);text-decoration:none;word-break:break-all;display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.contact-email:hover{background:#fff3;transform:translateY(-2px)}.footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{margin-bottom:1rem;color:var(--gold)}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--gray-300);transition:color .3s ease}.footer-links a:hover{color:var(--gold)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--gray-700);color:var(--gray-400);font-size:.9rem}.footer-banners{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;flex-wrap:wrap}.footer-banner-link{display:inline-block;transition:opacity .3s ease}.footer-banner-link:hover{opacity:.8}.footer-banner{display:block;height:auto;width:auto}.footer-banner-18{height:2rem}.footer-banner-gambleaware{height:1rem}.footer-banner-gamecare{height:2rem}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--gray-900);color:var(--white);padding:1.5rem;z-index:1001;transform:translateY(100%);animation:slideUp .5s ease forwards}@keyframes slideUp{to{transform:translateY(0)}}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-text{flex:1}.cookie-text p{margin-bottom:.5rem}.cookie-text a{color:var(--gold);text-decoration:underline}.cookie-buttons{display:flex;gap:1rem}.age-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.age-modal-content{background:var(--white);border-radius:20px;padding:3rem;max-width:500px;text-align:center;box-shadow:0 20px 60px #0000004d;transform:scale(.9);animation:modalAppear .3s ease forwards}@keyframes modalAppear{to{transform:scale(1)}}.age-modal h2{margin-bottom:1rem;color:var(--gray-800);font-size:2rem}.age-modal p{margin-bottom:2rem;color:var(--gray-600);font-size:1.1rem}.age-buttons{display:flex;gap:1rem;justify-content:center}@media(max-width:1024px){.header-content{gap:.5rem}.nav{gap:.5rem;max-width:calc(100% - 250px)}.nav-link{padding:.5rem .6rem;font-size:.85rem}.logo{font-size:1.5rem}.play-btn{padding:.6rem 1rem;font-size:.85rem;margin-left:.5rem}}@media(max-width:900px){.nav{max-width:calc(100% - 200px)}.nav-link{padding:.4rem .5rem;font-size:.8rem}.play-btn{padding:.5rem .9rem;font-size:.8rem}}@media(max-width:768px){.header-content{position:relative}.burger-label{display:flex!important;position:relative;z-index:2100;order:2;margin-left:auto}.nav{position:fixed;inset:0;width:100vw!important;max-width:100vw!important;height:100vh;min-height:100vh;background:var(--deep-blue);flex-direction:column;justify-content:center;align-items:center;transform:translate(100%);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);z-index:2000;display:flex;gap:1.5rem;margin:0!important;padding:0;box-sizing:border-box;visibility:hidden;opacity:0;flex:none!important;overflow:visible!important}.nav-link{font-size:1.2rem;padding:1rem 2rem}.nav:not(.nav-open){pointer-events:none;transform:translate(100%);visibility:hidden;opacity:0}.nav.nav-open{transform:translate(0);pointer-events:all;visibility:visible;opacity:1}.play-btn-desktop{display:none!important}.menu-open .burger-label .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-open .burger-label .burger-line:nth-child(2){opacity:0}.menu-open .burger-label .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.play-btn-mobile{display:block;background:var(--gold);color:var(--gray-900);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 14px #f59e0b66;margin-top:1rem}.play-btn-mobile:hover{background:var(--pale-gold);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #f59e0b99}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.about-content{grid-template-columns:1fr;gap:2rem}.certificates{grid-template-columns:1fr}.leaderboard-table{min-width:600px;font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.75rem .5rem;font-size:.85rem}.leaderboard-table th{font-size:.9rem}.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{justify-content:center}.age-modal-content{margin:1rem;padding:2rem}.age-buttons{flex-direction:column}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-text{font-size:1rem}.section-title{font-size:1.75rem}.contact-email{font-size:1.2rem}.leaderboard-table{min-width:500px;font-size:.8rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .4rem;font-size:.75rem}.leaderboard-table th{font-size:.85rem}.card{margin:0 -1rem;border-radius:0}}:root{--teal: #14b8a6;--gold: #f59e0b;--deep-blue: #0c4a6e;--light-teal: #5eead4;--dark-teal: #0f766e;--pale-gold: #fde047;--navy: #082f49;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{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(--gray-800);background:linear-gradient(135deg,var(--deep-blue) 0%,var(--teal) 50%,var(--gold) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.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(--white);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;text-align:center;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--gold);color:var(--gray-900);box-shadow:0 4px 14px #f59e0b66}.btn-primary:hover{background:var(--pale-gold);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.btn-secondary{background:var(--teal);color:var(--white);box-shadow:0 4px 14px #14b8a666}.btn-secondary:hover{background:var(--light-teal);transform:translateY(-2px);box-shadow:0 6px 20px #14b8a699}.card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.highlight{color:var(--gold);font-weight:700}@media(max-width:768px){.section{padding:60px 0}.section-title{font-size:2rem;margin-bottom:2rem}.container{padding:0 15px}}@media(max-width:480px){.section-title{font-size:1.75rem}.btn{padding:10px 20px;font-size:.9rem}}