*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;background:#0f1626;color:#e6e6e6;line-height:1.7;overflow-x:hidden}header{background:linear-gradient(135deg,#1f2a44,#3b4c7a);padding:25px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px rgba(0,0,0,.4)}header h1{font-size:2.8em;color:gold;text-align:center;text-transform:uppercase;letter-spacing:3px;animation:glow 2s infinite alternate}nav ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin-top:15px}nav ul li{margin:10px 15px}nav ul li a{color:#e6e6e6;text-decoration:none;font-weight:600;padding:8px 16px;border-radius:25px;transition:all .4s ease;background:rgba(255,255,255,.1)}nav ul li a:hover,nav ul li a.active{background:gold;color:#1f2a44;transform:scale(1.1);box-shadow:0 0 10px gold}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero h2{font-size:3.5em;color:gold;margin:20px 0;text-shadow:0 0 20px rgba(255,215,0,.8);animation:pulse 1.5s infinite}.cta-button{display:inline-block;background:linear-gradient(45deg,gold,orange);color:#1f2a44;padding:20px 40px;font-size:1.8em;font-weight:700;text-decoration:none;border-radius:50px;box-shadow:0 10px 25px rgba(255,215,0,.5);transition:all .3s ease;animation:bounce 2s infinite}.cta-button:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(255,215,0,.8);background:linear-gradient(45deg,orange,gold)}section{padding:50px 20px;max-width:900px;margin:30px auto;background:#1f2a44;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:translateY(100px);transition:all .6s ease-out}section.visible{transform:translateY(0);opacity:1}h2{font-size:2.5em;color:gold;margin-bottom:25px}h3{font-size:1.8em;color:#e6e6e6;margin:20px 0 10px}h4{font-size:1.4em;color:gold;margin:15px 0 10px}p{margin-bottom:20px}table{width:100%;border-collapse:collapse;margin:25px 0;background:#3b4c7a}th,td{padding:15px;border:2px solid gold;text-align:left}th{background:gold;color:#1f2a44;font-weight:700}.fact{background:linear-gradient(90deg,gold,orange);color:#1f2a44;padding:20px;border-radius:10px;margin:25px 0;font-weight:700;display:flex;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.3)}.fact:before{content:'✨';margin-right:10px;font-size:1.5em}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,22,38,.95);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:2000}#modal.show{opacity:1;pointer-events:auto}.modal-content{background:#3b4c7a;padding:40px;border-radius:20px;text-align:center;max-width:500px;box-shadow:0 20px 50px rgba(0,0,0,.7);transform:scale(.8);transition:transform .3s ease}#modal.show .modal-content{transform:scale(1)}#close-modal{position:absolute;top:15px;right:15px;background:gold;color:#1f2a44;border:none;font-size:1.5em;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease}#close-modal:hover{background:orange;transform:rotate(90deg)}#slot-game{background:#e6e6e6;border-radius:10px;margin:20px auto;box-shadow:inset 0 5px 15px rgba(0,0,0,.2)}#stop-button{background:gold;color:#1f2a44;padding:15px 30px;border:none;border-radius:25px;font-size:1.2em;cursor:doubt;margin-top:20px;transition:all .3s ease}#stop-button:hover{background:orange;transform:scale(1.05)}#sticky-cta{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) scale(0);background:linear-gradient(135deg,gold,orange);padding:15px 30px;border-radius:50px;box-shadow:0 10px 25px rgba(0,0,0,.5);display:flex;align-items:center;z-index:1000;transition:transform .5s ease}#sticky-cta.show{transform:translateX(-50%) scale(1)}#sticky-cta p{font-weight:700;margin-right:20px;color:#1f2a44}footer{background:#1f2a44;padding:30px;text-align:center;font-size:.95em;border-top:3px solid gold;margin-top:130px}footer a{color:gold;text-decoration:none}footer a:hover{text-decoration:underline}@keyframes glow{0%{text-shadow:0 0 10px gold}100%{text-shadow:0 0 20px gold,0 0 30px orange}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width:768px){.hero h2{font-size:2.2em}.cta-button{font-size:1.4em;padding:15px 25px}section{padding:30px 15px}nav ul li{margin:5px 10px}}