.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:fixed;top:0;left:0;right:0;background:#1a4d5cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:all .3s ease}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{font-size:1.75rem;font-weight:700;color:var(--accent-gold);text-decoration:none;white-space:nowrap}.nav{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;background:var(--primary-teal);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:5rem 2rem 2rem;transform:translate(100%);transition:transform .5s cubic-bezier(.68,-.55,.265,1.55);z-index:999}.nav-links{display:flex;flex-direction:column;list-style:none;gap:1rem;margin:0;padding:0;width:100%}.nav-links a{color:var(--text-light);font-weight:500;padding:1rem;border-radius:25px;transition:all .3s ease;white-space:nowrap;width:100%;font-size:1.1rem}.nav-links a:hover{background:#d4af3733;color:var(--accent-gold)}.header-actions{display:flex;align-items:center;gap:1rem;flex-direction:column;width:100%;margin-top:2rem}.header-actions .btn{width:100%;text-align:center}.burger-checkbox{display:none}.burger-label{display:flex;flex-direction:column;cursor:pointer;width:30px;height:24px;position:relative}.burger-label span{display:block;width:100%;height:3px;background:var(--accent-gold);border-radius:3px;transition:all .3s ease}.burger-label span:nth-child(2){margin:7px 0}.burger-checkbox:checked~.nav{transform:translate(0)}.burger-checkbox:checked~.burger-label span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.burger-checkbox:checked~.burger-label span:nth-child(2){opacity:0}.burger-checkbox:checked~.burger-label span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{background:linear-gradient(135deg,#1a4d5ce6,#2d7d92e6),url(/images/React-Based-Digital-Casino-UI-Feel.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text-light);padding:8rem 0 4rem;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:0 1rem}.hero h1{margin-bottom:1.5rem;color:var(--accent-gold)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-disclaimer{background:#ffffff1a;padding:1.5rem;border-radius:15px;margin:2rem 0;font-style:italic;font-size:1.1rem}.hero-features{display:flex;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;font-weight:600}.feature-item i{color:var(--accent-gold);font-size:1.2rem}.section-header{text-align:center;margin-bottom:3rem}.section-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:#1a4d5c14;border:1px solid rgba(212,175,55,.4);margin-bottom:1rem}.section-icon-wrapper i{font-size:1.4rem;color:var(--accent-gold)}.section-title{color:var(--primary-teal);margin-bottom:1rem}.section-subtitle{color:var(--text-dark);opacity:.8;max-width:600px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text{font-size:1.1rem;line-height:1.8}.about-placeholder{background:#e0e0e0;aspect-ratio:16/9;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666}.about-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:15px}.leaderboard-table{background:var(--text-light);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:1rem;text-align:left}.leaderboard-table th{background:var(--primary-teal);color:var(--text-light);font-weight:600}.leaderboard-table tr:nth-child(2n){background:var(--bg-light)}.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:var(--text-dark);font-weight:600}.rank-2{background:linear-gradient(135deg,silver,#e8e8e8);color:var(--text-dark);font-weight:600}.rank-3{background:linear-gradient(135deg,#cd7f32,#d4a574);color:var(--text-light);font-weight:600}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}.security-card{text-align:center;padding:2rem}.security-icon{font-size:3rem;color:var(--accent-gold);margin-bottom:1rem}.security-title{color:var(--primary-teal);margin-bottom:.5rem}.security-image{margin-top:3rem;text-align:center}.security-image img{max-width:100%;border-radius:15px;box-shadow:var(--shadow)}.faq-item{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.faq-question{width:100%;padding:1rem 1.5rem;background:var(--bg-light);border:none;text-align:left;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.faq-question:hover{background:#1a4d5c1a}.faq-answer{padding:1.5rem;background:var(--text-light);display:none}.faq-item.active .faq-answer{display:block}.faq-toggle{font-size:1.2rem;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(180deg)}.contact-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:flex-start;max-width:900px;margin:0 auto}.contact-left p{font-size:1rem;line-height:1.7}.contact-email{display:inline-block;font-size:1.1rem;font-weight:600;color:var(--primary-teal);background:var(--bg-light);padding:.75rem 1.5rem;border-radius:50px;margin:1.5rem 0 1rem;word-break:break-all}.contact-address{margin-bottom:1.5rem}.contact-address h4{color:var(--primary-teal);margin-bottom:.5rem}.contact-note{font-size:.9rem;opacity:.75}.contact-right{background:var(--text-light);border-radius:15px;padding:2rem;box-shadow:var(--shadow)}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{display:block;font-weight:600;margin-bottom:.4rem;color:var(--primary-teal)}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border-color);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-teal);box-shadow:0 0 0 3px #1a4d5c1a}.form-checkbox label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem}.form-checkbox input[type=checkbox]{margin-top:.15rem}.form-checkbox a{color:var(--primary-teal);text-decoration:underline}.form-checkbox a:hover{color:var(--accent-gold)}.form-actions{margin-top:.5rem}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--dark-teal);color:var(--text-light);padding:1.5rem;z-index:2000;box-shadow:0 -4px 20px #0003;transform:translateY(100%);animation:slideUp .5s ease forwards}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.cookie-text h4{color:var(--accent-gold);margin-bottom:.5rem}.cookie-text p{margin:0;font-size:.95rem;line-height:1.5}.cookie-text a{color:var(--accent-gold);text-decoration:underline}.cookie-text a:hover{color:var(--text-light)}.cookie-actions{flex-shrink:0}@keyframes slideUp{to{transform:translateY(0)}}.age-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.age-modal-content{background:var(--text-light);padding:3rem;border-radius:20px;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;transform:scale(.9);animation:modalScale .3s ease forwards}.age-modal h3{color:var(--primary-teal);margin-bottom:1.5rem;font-size:1.75rem}.age-modal p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-dark)}.age-modal-buttons{display:flex;gap:1rem;justify-content:center}.age-modal-buttons .btn{min-width:120px}@keyframes modalScale{to{transform:scale(1)}}body.age-modal-open{overflow:hidden}@media(max-width:768px){.hero{padding:6rem 0 3rem}.hero-features{flex-direction:column;gap:1rem}.about-content{grid-template-columns:1fr;gap:2rem}.section{padding:3rem 0}.security-grid,.contact-content{grid-template-columns:1fr}.cookie-content{flex-direction:column;text-align:center;gap:1.5rem}.age-modal-content{padding:2rem}.age-modal-buttons{flex-direction:column}}@media(max-width:480px){.leaderboard-table{font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.75rem .5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-teal: #1a4d5c;--accent-gold: #d4af37;--light-teal: #2d7d92;--dark-teal: #0f2e3a;--text-light: #ffffff;--text-dark: #2c3e50;--bg-light: #f8fafb;--bg-dark: #1a1a1a;--border-color: #e1e8ed;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .15)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{margin-bottom:1rem;font-size:clamp(.9rem,2vw,1.1rem)}a{color:var(--primary-teal);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-gold)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.btn{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,var(--primary-teal),var(--light-teal));color:var(--text-light);border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);background:linear-gradient(135deg,var(--light-teal),var(--primary-teal))}.btn-gold{background:linear-gradient(135deg,var(--accent-gold),#f4d03f);color:var(--text-dark)}.btn-gold:hover{background:linear-gradient(135deg,#f4d03f,var(--accent-gold))}.highlight{color:var(--accent-gold);font-weight:600}.disclaimer{background:linear-gradient(135deg,var(--primary-teal),var(--light-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--text-light);border-radius:15px;padding:2rem;box-shadow:var(--shadow);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.table{width:100%;border-collapse:collapse;background:var(--text-light);border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--primary-teal);color:var(--text-light);font-weight:600}.table tr:hover{background:var(--bg-light)}.footer{background:var(--dark-teal);color:var(--text-light);padding:3rem 1rem 1.5rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:var(--accent-gold);margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-light);transition:color .3s ease}.footer-section a:hover{color:var(--accent-gold)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--primary-teal);color:var(--accent-gold)}.footer-compliance{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width:768px){.section{padding:2rem 0}.container{padding:0 .5rem}.grid{gap:1rem}.card{padding:1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer{text-align:center;padding:2.5rem 1rem 1.5rem}.footer-section ul{padding-left:0}.footer-compliance{flex-direction:column;gap:1rem}}