@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:'Roboto',sans-serif;scroll-behavior:smooth}body{background:#0d1b2a;color:#e0e0e0;line-height:1.8;overflow-x:hidden}header{position:fixed;top:0;width:100%;background:linear-gradient(135deg,#1b263b,#415a77);padding:1rem;z-index:1000}header h1{font-size:2rem;color:#ff6f61;text-align:center;text-transform:uppercase;letter-spacing:3px;animation:glow 2s infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px #ff6f61}100%{text-shadow:0 0 15px #ff6f61,0 0 25px #ff9f1c}}nav{margin:1rem 0}nav ul{display:flex;justify-content:center;flex-wrap:wrap;list-style:none}nav ul li{margin:.5rem}nav ul li a{color:#e0e0e0;text-decoration:none;padding:.8rem 1.5rem;border-radius:30px;background:rgba(255,105,97,.2);transition:all .5s ease}nav ul li a:hover,nav ul li a.active{background:#ff6f61;color:#0d1b2a;transform:scale(1.1);box-shadow:0 0 15px rgba(255,111,97,.7)}.hero{height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#1b263b}.hero canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;animation:fadeIn 2s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hero-content{z-index:2;text-align:center;padding:3rem;background:rgba(13,27,42,.8);border-radius:25px;box-shadow:0 0 30px rgba(255,111,97,.5)}.hero h1{font-size:3.5rem;color:#fff;margin-bottom:2rem;text-shadow:0 0 20px #ff6f61;animation:slideIn 1s ease-out}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.cta-button{display:inline-block;background:linear-gradient(45deg,#ff6f61,#ff9f1c);color:#0d1b2a;padding:1.5rem 3rem;text-decoration:none;border-radius:50px;font-size:1.6rem;font-weight:700;transition:all .4s ease;box-shadow:0 10px 20px rgba(255,111,97,.6)}.cta-button:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(255,111,97,.9);background:linear-gradient(45deg,#ff9f1c,#ff6f61)}main{padding:2rem 1rem;max-width:1200px;margin:0 auto}section{margin-bottom:3rem;padding:2rem;background:#1b263b;border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.4);transition:transform .3s ease}section:hover{transform:translateY(-5px)}h2{font-size:2.2rem;color:#ff6f61;margin-bottom:1.5rem;text-transform:uppercase}h3{font-size:1.6rem;color:#e0e0e0;margin:1rem 0}p{font-size:1.1rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#415a77;border-radius:15px;overflow:hidden}table th,table td{padding:1rem;text-align:left;border:1px solid #ff9f1c}table th{background:#ff6f61;color:#0d1b2a;font-weight:700}table td{background:#1b263b}.fact{background:#ff9f1c;color:#0d1b2a;padding:1rem;margin:1.5rem 0;border-radius:10px;font-weight:700;box-shadow:0 5px 15px rgba(255,159,28,.5)}#sticky-cta{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:linear-gradient(45deg,#ff6f61,#ff9f1c);padding:.5rem 2rem;border-radius:40px;display:none;z-index:500;box-shadow:0 10px 20px rgba(0,0,0,.5)}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .5s ease}#modal-content{background:#415a77;padding:2rem;border-radius:25px;text-align:center;position:relative;box-shadow:0 15px 40px rgba(255,111,97,.7)}#slot-game canvas{width:100%;max-width:350px;height:120px;border-radius:10px;border:2px solid #ff6f61}#stop-button{background:#ff6f61;color:#0d1b2a;padding:.8rem 2rem;border:none;border-radius:20px;cursor:pointer;font-weight:700;margin:1rem 0;transition:all .3s ease}#stop-button:hover{background:#ff9f1c;transform:scale(1.1)}#close-modal{position:absolute;top:.5rem;right:.5rem;background:#ff6f61;color:#0d1b2a;border:none;font-size:1.5rem;padding:.5rem 1rem;border-radius:50%;cursor:pointer;transition:all .3s ease}#close-modal:hover{background:#ff9f1c;transform:rotate(180deg)}footer{background:#1b263b;padding:2rem;text-align:center;color:#e0e0e0;border-top:3px solid #ff6f61}footer a{color:#ff9f1c;text-decoration:none}footer a:hover{text-decoration:underline}.anchor-top{color:#ff6f61;text-decoration:none;display:block;text-align:right;margin-top:1rem}.anchor-top:hover{color:#ff9f1c}@media (max-width:768px){.hero h1{font-size:2.5rem}.cta-button{font-size:1.3rem;padding:1rem 2rem}h2{font-size:1.8rem}section{padding:1.5rem}nav ul li{margin:.3rem}}