:root {
            --font-primary: 'Poppins', sans-serif;
            --color-bg: #f0f2f5;
            --color-header-bg: #FF8C00;
            --color-accent: #FF8C00;
            --color-accent-hover: #FFC107;
            --color-text-light: #FFFFFF;
            --color-text-dark: #333333;
            --color-text-medium: #555555;
            --color-text-gray: #777777;
            --color-border: #dddddd;
            --color-border-light: #e7e7e7;
            --color-button-solid-bg: var(--color-accent);
            --color-button-solid-text: var(--color-text-light);
            --color-button-outline-text: var(--color-accent);
            --color-button-outline-border: var(--color-accent);
            --header-height-mobile: 56px;
            --header-height-desktop: 72px;
            --container-padding: 15px;
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; }
        body { font-family: var(--font-primary); font-size: 16px; line-height: 1.6; background-color: var(--color-bg); color: var(--color-text-medium); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
        .container { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: var(--container-padding); padding-right: var(--container-padding); }
        h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; color: var(--color-text-dark); }
        h1 { font-size: 2.2rem; } h2 { font-size: 1.8rem; } h3 { font-size: 1.4rem; } h4 { font-size: 1.2rem; }
        p { margin-bottom: 1.2em; }
        a { color: var(--color-accent); text-decoration: none; }
        a:hover { text-decoration: underline; }
        img { max-width: 100%; height: auto; display: block; }
        ul, ol { margin-bottom: 1.2em; padding-left: 25px; }
        li { margin-bottom: 0.5em; }
        strong { font-weight: 600; }
        button, .button { display: inline-block; padding: 0.65em 1.2em; font-family: var(--font-primary); font-size: 0.9rem; font-weight: 600; text-align: center; text-decoration: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; border: 2px solid transparent; }
        .button-solid { background-color: var(--color-button-solid-bg); color: var(--color-button-solid-text); border-color: var(--color-button-solid-bg); }
        .button-solid:hover { background-color: var(--color-accent-hover); border-color: var(--color-accent-hover); color: var(--color-text-light); text-decoration: none; }
        .button-outline { background-color: transparent; color: var(--color-button-outline-text); border-color: var(--color-button-outline-border); }
        .button-outline:hover { background-color: var(--color-button-outline-text); color: var(--color-text-light); text-decoration: none; }
        .section { padding: 40px 0; }
        .section.section-light-bg { background-color: #ffffff; }
        .section-title { text-align: center; margin-bottom: 30px; font-size: 2rem; color: var(--color-text-dark); }
        .section-subtitle { text-align: center; font-size: 1.1rem; color: var(--color-text-gray); margin-top: -20px; margin-bottom: 30px; }

        .site-header { background-color: var(--color-header-bg); height: var(--header-height-mobile); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; box-shadow: 0 2px 4px rgba(0,0,0,.1); }
        .site-header .container { display: flex; align-items: center; justify-content: space-between; height: 100%; padding-left: 24px; padding-right: 15px; }
        .site-logo { flex-shrink: 0; }
        .site-logo a { font-size: 1.5rem; font-weight: 700; color: var(--color-text-light); text-decoration: none; }
        .site-nav { display: none; margin-left: auto; margin-right: auto; align-items: center; }
        .site-nav ul { list-style: none; display: flex; align-items: center; gap: 15px; height: 100%; }
        .site-nav a { color: var(--color-text-light); text-transform: uppercase; font-weight: 600; font-size: .85rem; padding: 10px 0; position: relative; display: flex; align-items: center; height: 100%;}
        .site-nav a::after { content: ''; position: absolute; bottom: 0px; left: 0; width: 0; height: 2px; background-color: var(--color-accent-hover); transition: width .3s ease; }
        .site-nav a:hover, .site-nav a.active { color: var(--color-accent-hover); }
        .site-nav a:hover::after, .site-nav a.active::after { width: 100%; }
        .header-actions-group { display: flex; align-items: center; gap: 8px; margin-left: auto; }
        .header-actions { display: flex; gap: 8px; align-items: center; }
        .header-actions .button { padding: .4em .8em; font-size: .8rem; font-weight: 600; }
        .header-actions .button-outline { color: var(--color-text-light); border-color: var(--color-text-light); }
        .header-actions .button-outline:hover { background-color: var(--color-text-light); color: var(--color-header-bg); }
        .header-actions .button-solid { background-color: var(--color-text-light); color: var(--color-header-bg); border-color: var(--color-text-light); }
        .header-actions .button-solid:hover { background-color: #f0f0f0; border-color: #f0f0f0; }
        .mobile-menu-toggle { display: block; background: none; border: none; color: var(--color-text-light); font-size: 1.8rem; cursor: pointer; padding: 5px; }
        .mobile-nav { display: none; position: fixed; top: var(--header-height-mobile); left: 0; width: 100%; height: calc(100vh - var(--header-height-mobile)); background-color: rgba(40,40,40,.95); padding-top: 30px; z-index: 999; overflow-y: auto; }
        .mobile-nav.active { display: block; }
        .mobile-nav ul { list-style: none; text-align: center; }
        .mobile-nav ul li { margin-bottom: 25px; }
        .mobile-nav ul a { color: var(--color-text-light); text-transform: uppercase; font-weight: 600; font-size: 1.1rem; padding: 12px; display: block; transition: color .2s ease; }
        .mobile-nav ul a:hover { color: var(--color-accent-hover); background-color: rgba(255,255,255,.1); border-radius: 4px; }

        .hero-section{padding-top:calc(var(--header-height-mobile) + 40px);padding-bottom:40px;background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.4)),url(https://via.placeholder.com/1920x800/333333/FFFFFF?text=Slot+Machine+Background) no-repeat center center/cover;color:var(--color-text-light);min-height:60vh;display:flex;align-items:center;text-align:center}.hero-section .container{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.hero-text h1{font-size:2.2rem;margin-bottom:15px;color:var(--color-text-light)}.hero-text .bonus-highlight{font-size:1.5rem;font-weight:600;color:var(--color-accent-hover);margin-bottom:20px;display:block}.hero-text .button{font-size:1.1rem;padding:.8em 1.8em}.hero-image{text-align:center;margin-top:20px}.hero-image img{max-width:320px;border-radius:8px;box-shadow:0 8px 15px rgba(0,0,0,.25)}

        .features-section{background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.feature-card{background-color:rgba(255,255,255,1);padding:25px;text-align:center;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 7px 20px rgba(0,0,0,.1)}.feature-card .icon{font-size:2.2rem;color:var(--color-accent);margin-bottom:12px}.feature-card h3{font-size:1.2rem;margin-bottom:8px;color:var(--color-text-dark)}.feature-card p{font-size:.85rem;color:var(--color-text-gray);margin-bottom:0}

        .about-section .container{display:grid;grid-template-columns:1fr;gap:30px;align-items:flex-start}.about-text h2{margin-bottom:15px;font-size:1.8rem}.about-text p{color:var(--color-text-medium);font-size:.95rem}.about-image img{border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-top:20px}
        .summary-table{width:100%;margin-top:25px;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:.9rem}.summary-table th,.summary-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.summary-table th{background-color:#f8f9fa;font-weight:600;color:var(--color-text-dark)}.summary-table td{color:var(--color-text-medium)}.summary-table tr:last-child td{border-bottom:none}

        .content-section{padding:30px 0}.content-section h2,.content-section h3,.content-section h4{margin-top:1.5em}.content-section h2:first-child,.content-section h3:first-child,.content-section h4:first-child{margin-top:0}.content-section ul,.content-section ol{margin-left:20px;margin-bottom:1em}.content-section li{margin-bottom:.5em;color:var(--color-text-medium)}

        .table-wrapper { overflow-x: auto; margin-bottom: 1.5em; -webkit-overflow-scrolling: touch; }
        table.data-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; background-color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.07); border-radius: 8px; overflow: hidden; }
        table.data-table thead { background-color: #f8f9fa; color: var(--color-text-dark); font-weight: 600; display: table-header-group; }
        table.data-table th, table.data-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid var(--color-border-light); display: table-cell; width: auto; position: static; }
        table.data-table td::before { display: none; }
        table.data-table tbody tr { display: table-row; }
        table.data-table tbody tr:last-child td { border-bottom: none; }
        table.data-table tbody tr:nth-of-type(even) { background-color: #fdfdfd; }
        table.data-table tbody tr:hover { background-color: #f1f1f1; }

        .screenshots-section{background-color:#fff}.slider-container{position:relative;max-width:320px;margin:0 auto;overflow:hidden;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.slider-wrapper{display:flex;transition:transform .5s ease-in-out}.slider-slide{min-width:100%;flex-shrink:0}.slider-slide img{width:100%;height:auto;display:block}.slider-controls{text-align:center;margin-top:15px}.slider-dots button{background-color:#ccc;border:none;width:10px;height:10px;border-radius:50%;margin:0 4px;cursor:pointer;transition:background-color .3s ease}.slider-dots button.active{background-color:var(--color-accent)}

        .registration-cta-section{background-color:var(--color-accent);color:var(--color-text-light);padding:50px 0;text-align:center}.registration-cta-section .container{display:grid;grid-template-columns:1fr;gap:25px;align-items:center}.registration-cta-text h2{color:var(--color-text-light);font-size:1.8rem}.registration-cta-text .button{margin-top:15px;background-color:var(--color-text-light);color:var(--color-accent);border-color:var(--color-text-light);font-size:1rem;padding:.8em 1.8em}.registration-cta-text .button:hover{background-color:#f0f0f0;border-color:#f0f0f0}.registration-cta-text .note{display:block;margin-top:12px;font-size:.85rem;opacity:.9}.registration-cta-image img{border-radius:8px;max-width:350px;margin:15px auto 0}

        .faq-item{background-color:#fff;margin-bottom:10px;border-left:5px solid #dc3545;border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:0 4px 4px 0;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-weight:600;cursor:pointer;color:var(--color-text-dark)}.faq-question::after{content:'▼';font-size:.9em;color:var(--color-text-gray);transition:transform .3s ease}.faq-item.active .faq-question::after{transform:rotate(180deg)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .35s ease-out,padding-top .35s ease-out,padding-bottom .35s ease-out;color:var(--color-text-medium);font-size:.9rem;line-height:1.6}.faq-item.active .faq-answer{}

        .site-footer{background-color:#2c3e50;color:#bdc3c7;padding:40px 0 0;font-size:.85rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:30px}.footer-column h4{color:var(--color-text-light);margin-bottom:12px;font-size:1.05rem;font-weight:600}.footer-column ul{list-style:none;padding-left:0;}.footer-column ul li{margin-bottom:8px}.footer-column ul a{color:#bdc3c7;transition:color .3s ease}.footer-column ul a:hover{color:var(--color-accent-hover);text-decoration:none}.footer-column p{line-height:1.6}.payment-logos{text-align:center;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #3f566d}.payment-logos h4{color:var(--color-text-light);margin-bottom:15px}.payment-logos-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px}.payment-logos-list img{height:25px;filter:grayscale(1) brightness(1.5);opacity:.8}.footer-bottom-bar{background-color:#233140;padding:15px 0;text-align:center;font-size:.8rem;color:#95a5a6}

        @media screen and (max-width: 767px) {

            table.data-table thead { display: none; }
            table.data-table, table.data-table tbody, table.data-table tr, table.data-table td { display: block; width: 100% !important; }
            table.data-table tr { margin-bottom: 15px; border: 1px solid var(--color-border); border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; }
            table.data-table td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                text-align: right;
                padding: 10px 15px;
                position: relative;
                border-bottom: 1px solid var(--color-border-light);
                min-height: 40px;
            }
            table.data-table tr td:last-child { border-bottom: none; }
            table.data-table td::before {
                content: attr(data-label);
                font-weight: 600;
                color: var(--color-text-dark);
                text-align: left;
                padding-right: 10px;
                flex-shrink: 0;
                display: inline;
            }
        }

        @media (min-width:768px){
            :root{--container-padding:24px}
            .site-header{height:var(--header-height-desktop)}
            .site-header .container{padding-right:var(--container-padding)}
            .site-logo a{font-size:1.8rem}
            .mobile-menu-toggle{display:none}
            .header-actions-group{margin-left:0} 
            .site-nav{display:flex; height: 100%;}
            .header-actions{display:flex;margin-left:auto}
            .header-actions .button{padding:.5em 1em;font-size:.9rem}
            .mobile-nav{display:none !important}
            .hero-section{padding-top:calc(var(--header-height-desktop) + 60px);padding-bottom:60px;min-height:auto;text-align:left}.hero-section .container{grid-template-columns:1fr .8fr;gap:40px}.hero-text h1{font-size:3rem}.hero-text .bonus-highlight{font-size:1.8rem}.hero-image{text-align:right;margin-top:0}.hero-image img{max-width:400px}.features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.section{padding:60px 0}.section-title{font-size:2.25rem;margin-bottom:40px}h1{font-size:2.8rem}h2{font-size:2rem}h3{font-size:1.5rem}.about-section .container{grid-template-columns:1.2fr 1fr;gap:40px}.about-image img{margin-top:0}.registration-cta-section .container{grid-template-columns:1fr auto;text-align:left;align-items:center;gap:50px}.registration-cta-image img{margin:0 0 0 auto;max-width:380px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:30px}.payment-logos-list img{height:30px}

            table.data-table thead { display: table-header-group; }
            table.data-table tr { display: table-row; margin-bottom: 0; border: none; border-radius: 0; box-shadow: none; }
            table.data-table td, table.data-table th { display: table-cell; width: auto; text-align: left; padding: 12px 15px; position: static; border-bottom: 1px solid var(--color-border-light); min-height: auto; /* Reset min-height */ }
            table.data-table td::before { display: none; }
            table.data-table tbody tr:last-child td { border-bottom: none; }
        }

        @media (min-width:1024px){
            h1{font-size:3.25rem} h2{font-size:2.5rem}
            .site-logo a{font-size:2rem}
            .site-nav ul{gap:25px}
            .site-nav a{font-size:.9rem; padding: 12px 0; }
            .header-actions .button{font-size:.95rem}
            .hero-section .container{grid-template-columns:1fr 1fr}.hero-text h1{font-size:3.5rem}.hero-image img{max-width:450px}
            .features-grid{grid-template-columns:repeat(4,1fr)}
            .footer-grid{grid-template-columns:repeat(4,1fr)}
        }