*{margin:0;padding:0;box-sizing:border-box}
        body{
            font-family:Arial,Helvetica,sans-serif;
            background:#0c0f14;
            color:#fff;
            line-height:1.7;
        }
        a{text-decoration:none;color:inherit}
        img{max-width:100%;display:block}
        .container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
        .section{padding:70px 0}
        .section-sm{padding:40px 0}
        .text-center{text-align:center}
        .grid{display:grid;gap:24px}
        .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
        .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
        .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
        .badge{
            display:inline-block;
            padding:8px 14px;
            border-radius:999px;
            background:rgba(255,189,46,.12);
            color:#ffbd2e;
            font-size:13px;
            font-weight:700;
            letter-spacing:.3px;
        }
        .btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:14px 26px;
            border-radius:14px;
            font-weight:700;
            transition:.25s ease;
            border:none;
            cursor:pointer;
        }
        .btn-primary{
            background:linear-gradient(135deg,#3b82f6,#2563eb);
            color:#fff;
            box-shadow:0 12px 30px rgba(37,99,235,.25);
        }
        .btn-success{
            background:linear-gradient(135deg,#22c55e,#16a34a);
            color:#fff;
            box-shadow:0 12px 30px rgba(34,197,94,.25);
        }
        .btn:hover{transform:translateY(-2px)}
        .header{
            position:sticky;
            top:0;
            z-index:1000;
            backdrop-filter:blur(18px);
            background:rgba(10,12,18,.82);
            border-bottom:1px solid rgba(255,255,255,.06);
        }
        .header-wrap{
            display:flex;
            align-items:center;
            justify-content:space-between;
            min-height:82px;
            gap:20px;
        }
        .logo-wrap{
            display:flex;
            align-items:center;
            gap:14px;
        }
        .logo-wrap img{
            width:56px;
            height:56px;
            object-fit:cover;
            border-radius:14px;
            box-shadow:0 6px 20px rgba(0,0,0,.35);
        }
        .logo-text h2{
            font-size:22px;
            line-height:1.1;
            margin-bottom:2px;
        }
        .logo-text p{
            font-size:12px;
            color:#aab2c5;
        }
        .nav{
            display:flex;
            align-items:center;
            gap:16px;
            flex-wrap:wrap;
        }
        .nav a{
            font-size:14px;
            color:#d7dbea;
            transition:.2s;
        }
        .nav a:hover{color:#fff}
        .header-actions{
            display:flex;
            align-items:center;
            gap:12px;
        }

        .hero{
            position:relative;
            overflow:hidden;
            padding:90px 0 70px;
            background:
                radial-gradient(circle at 10% 10%, rgba(37,99,235,.25), transparent 35%),
                radial-gradient(circle at 90% 10%, rgba(34,197,94,.18), transparent 35%),
                linear-gradient(180deg,#0d1119 0%,#0b0f16 100%);
        }
        .hero-grid{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:38px;
            align-items:center;
        }
        .hero h1{
            font-size:48px;
            line-height:1.1;
            margin:18px 0 18px;
            letter-spacing:-1px;
        }
        .hero p{
            color:#c4cbe0;
            font-size:17px;
            margin-bottom:24px;
        }
        .hero-points{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:14px;
            margin:24px 0 32px;
        }
        .hero-point{
            display:flex;
            gap:10px;
            align-items:flex-start;
            padding:14px 16px;
            background:rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.07);
            border-radius:16px;
        }
        .hero-point strong{display:block;font-size:15px}
        .hero-point span{font-size:13px;color:#aeb7cd}
        .hero-actions{
            display:flex;
            gap:14px;
            flex-wrap:wrap;
        }
        .hero-card{
            background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
            border:1px solid rgba(255,255,255,.08);
            border-radius:28px;
            overflow:hidden;
            box-shadow:0 20px 60px rgba(0,0,0,.35);
        }
        .hero-card img{
            width:100%;
            height:100%;
            object-fit:cover;
            min-height:520px;
        }

        .trust-bar{
            background:#111826;
            border-top:1px solid rgba(255,255,255,.05);
            border-bottom:1px solid rgba(255,255,255,.05);
        }
        .trust-grid{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:20px;
            padding:24px 0;
        }
        .trust-item{
            padding:18px 20px;
            border-radius:18px;
            background:rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.05);
            text-align:center;
        }
        .trust-item h3{
            font-size:28px;
            color:#ffbd2e;
            margin-bottom:6px;
        }
        .trust-item p{
            color:#aeb7cd;
            font-size:14px;
        }

        .section-title{
            font-size:38px;
            line-height:1.15;
            margin-bottom:14px;
            letter-spacing:-.6px;
        }
        .section-subtitle{
            color:#b9c2d7;
            max-width:900px;
            margin:0 auto 28px;
            font-size:16px;
        }

        .card{
            background:linear-gradient(180deg,#131a27,#0f1520);
            border:1px solid rgba(255,255,255,.06);
            border-radius:24px;
            padding:26px;
            box-shadow:0 12px 40px rgba(0,0,0,.18);
        }
        .feature-card{
            height:100%;
        }
        .feature-card .icon{
            width:58px;
            height:58px;
            border-radius:16px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:26px;
            background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(34,197,94,.18));
            margin-bottom:18px;
        }
        .feature-card h3{
            font-size:22px;
            margin-bottom:12px;
        }
        .feature-card p{
            color:#b6c0d5;
            font-size:15px;
        }

        .split{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:28px;
            align-items:center;
        }
        .split-image{
            overflow:hidden;
            border-radius:24px;
            border:1px solid rgba(255,255,255,.06);
            background:#111827;
            box-shadow:0 20px 60px rgba(0,0,0,.28);
        }
        .split-image img{
            width:100%;
            height:100%;
            min-height:440px;
            object-fit:cover;
        }
        .split-content p{
            color:#bcc5d8;
            margin-bottom:18px;
            font-size:16px;
        }

        .step-card{
            position:relative;
            padding-top:34px;
        }
        .step-num{
            position:absolute;
            left:26px;
            top:-18px;
            width:44px;
            height:44px;
            border-radius:14px;
            background:linear-gradient(135deg,#ffbd2e,#f59e0b);
            color:#111;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:800;
            box-shadow:0 12px 26px rgba(245,158,11,.28);
        }
        .step-card h3{
            font-size:21px;
            margin-bottom:10px;
        }
        .step-card p{
            color:#b9c2d7;
        }

        .bonus-card{
            text-align:center;
            padding-top:34px;
            position:relative;
            overflow:hidden;
        }
        .bonus-tag{
            position:absolute;
            top:18px;
            right:18px;
            background:#ffbd2e;
            color:#111;
            font-size:12px;
            font-weight:800;
            padding:7px 10px;
            border-radius:999px;
        }
        .bonus-card h3{
            font-size:21px;
            margin-bottom:12px;
        }
        .bonus-value{
            font-size:28px;
            font-weight:800;
            color:#22c55e;
            margin-bottom:12px;
        }
        .bonus-card p{
            color:#b9c2d7;
            font-size:14px;
        }

        .game-card{
            overflow:hidden;
            padding:0;
        }
        .game-card img{
            width:100%;
            height:260px;
            object-fit:cover;
        }
        .game-card .game-body{
            padding:22px;
        }
        .game-card h3{
            font-size:24px;
            margin-bottom:10px;
        }
        .game-card p{
            color:#b8c1d6;
            font-size:15px;
            margin-bottom:14px;
        }
        .game-meta{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }
        .game-meta span{
            padding:8px 12px;
            border-radius:999px;
            font-size:12px;
            color:#dce2f1;
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.08);
        }

        .table-wrap{
            overflow:auto;
            border-radius:20px;
            border:1px solid rgba(255,255,255,.06);
            background:#111827;
        }
        table{
            width:100%;
            border-collapse:collapse;
            min-width:940px;
        }
        th,td{
            padding:18px 16px;
            text-align:left;
            border-bottom:1px solid rgba(255,255,255,.06);
        }
        th{
            background:#151d2b;
            color:#fff;
            font-size:14px;
        }
        td{
            color:#c8d1e4;
            font-size:14px;
        }
        .rtp{
            color:#22c55e;
            font-weight:700;
        }

        .category-card{
            height:100%;
            text-align:center;
        }
        .category-icon{
            font-size:34px;
            margin-bottom:14px;
        }
        .category-card h3{
            font-size:21px;
            margin-bottom:10px;
        }
        .category-card p{
            color:#b8c1d6;
            margin-bottom:14px;
        }
        .text-link{
            color:#60a5fa;
            font-weight:700;
        }

        .app-box{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:30px;
            align-items:center;
            padding:34px;
            border-radius:30px;
            background:linear-gradient(135deg,#121926,#0f1420);
            border:1px solid rgba(255,255,255,.06);
            box-shadow:0 24px 60px rgba(0,0,0,.28);
        }
        .app-features{
            display:grid;
            gap:12px;
            margin:24px 0 28px;
        }
        .app-feature{
            display:flex;
            gap:12px;
            align-items:flex-start;
            color:#c5cde1;
        }
        .app-feature i{
            color:#22c55e;
            font-style:normal;
            font-weight:700;
        }
        .app-image img{
            width:100%;
            min-height:420px;
            object-fit:cover;
            border-radius:24px;
        }

        .faq-list{
            display:grid;
            gap:18px;
        }
        .faq-item{
            background:linear-gradient(180deg,#131a27,#0f1520);
            border:1px solid rgba(255,255,255,.06);
            border-radius:20px;
            overflow:hidden;
        }
        .faq-question{
            padding:22px 24px;
            font-size:18px;
            font-weight:700;
            border-bottom:1px solid rgba(255,255,255,.05);
        }
        .faq-answer{
            padding:20px 24px;
            color:#b8c1d6;
            font-size:15px;
        }

        .support-card,.security-card,.tech-card{
            height:100%;
        }
        .support-card .icon,
        .security-card .icon,
        .tech-card .icon{
            width:54px;
            height:54px;
            border-radius:16px;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:24px;
            background:rgba(255,255,255,.06);
            margin-bottom:16px;
        }
        .support-card h3,.security-card h3,.tech-card h3{
            font-size:20px;
            margin-bottom:10px;
        }
        .support-card p,.security-card p,.tech-card p{
            color:#b8c1d6;
            font-size:15px;
        }

        .cta-box{
            padding:44px;
            border-radius:30px;
            text-align:center;
            background:
                radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 35%),
                radial-gradient(circle at bottom right, rgba(34,197,94,.15), transparent 35%),
                linear-gradient(135deg,#131c2c,#0d131f);
            border:1px solid rgba(255,255,255,.07);
            box-shadow:0 24px 60px rgba(0,0,0,.3);
        }
        .cta-box h2{
            font-size:40px;
            margin-bottom:12px;
        }
        .cta-box p{
            color:#b9c2d7;
            max-width:820px;
            margin:0 auto 24px;
            font-size:16px;
        }

        .footer{
            margin-top:30px;
            background:#0a0d13;
            border-top:1px solid rgba(255,255,255,.05);
        }
        .footer-top{
            display:grid;
            grid-template-columns:1.1fr .9fr;
            gap:32px;
            padding:60px 0 30px;
        }
        .footer h3{
            font-size:24px;
            margin-bottom:16px;
        }
        .footer p,
        .footer li,
        .footer a{
            color:#aeb7cd;
            font-size:15px;
        }
        .footer-links{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:20px;
        }
        .footer-links ul{
            list-style:none;
            display:grid;
            gap:10px;
        }
        .contact-card{
            padding:24px;
            border-radius:22px;
            background:linear-gradient(180deg,#111723,#0d121b);
            border:1px solid rgba(255,255,255,.06);
        }
        .contact-item{
            display:flex;
            gap:14px;
            align-items:flex-start;
            margin-bottom:16px;
        }
        .contact-item:last-child{margin-bottom:0}
        .contact-icon{
            width:42px;
            height:42px;
            border-radius:14px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:rgba(255,255,255,.06);
            font-size:18px;
        }
        .map-box{
            overflow:hidden;
            border-radius:22px;
            border:1px solid rgba(255,255,255,.06);
            margin-top:20px;
        }
        .map-box iframe{
            display:block;
            width:100%;
            height:280px;
            border:0;
        }
        .footer-bottom{
            padding:20px 0 36px;
            text-align:center;
            color:#8994ab;
            font-size:14px;
            border-top:1px solid rgba(255,255,255,.04);
        }

        @media (max-width: 1100px){
            .hero-grid,.split,.app-box,.footer-top,.grid-4,.grid-3,.grid-2,.trust-grid{
                grid-template-columns:1fr 1fr;
            }
            .nav{display:none}
        }
        @media (max-width: 768px){
            .hero-grid,.split,.app-box,.footer-top,.grid-4,.grid-3,.grid-2,.trust-grid{
                grid-template-columns:1fr;
            }
            .hero h1{font-size:34px}
            .section-title{font-size:30px}
            .cta-box h2{font-size:30px}
            .hero-card img,.split-image img,.app-image img{min-height:280px}
            .hero-points{grid-template-columns:1fr}
            .header-wrap{flex-wrap:wrap;padding:14px 0}
            .header-actions{width:100%;justify-content:flex-start}
        }