:root{--primary:#047857;--primary-light:#059669;--secondary:#f59e0b;--secondary-dark:#d97706;--dark:#1f2937;--darker:#111827;--light:#f9fafb;--white:#ffffff;--text:#374151;--text-light:#6b7280;--border:#e5e7eb;--transition:all 0.35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Poppins','Open Sans',Arial,sans-serif;line-height:1.8;color:var(--text);background:var(--white)}.wrapper{max-width:1100px;margin:0 auto;padding:0 24px}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}.top-header{background:var(--dark);padding:20px 0;position:sticky;top:0;z-index:999;box-shadow:0 4px 16px rgba(0,0,0,0.12)}.header-flex{display:flex;align-items:center;justify-content:space-between}.logo-area a{display:flex;align-items:center;gap:14px;color:var(--white);font-size:28px;font-weight:800}.logo-area i{color:var(--secondary);font-size:36px}.mobile-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.mobile-toggle span{width:28px;height:3px;background:var(--white);border-radius:2px;transition:var(--transition)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.main-menu{display:flex;gap:40px}.menu-link{color:var(--white);font-weight:500;padding:10px 0;position:relative}.menu-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--secondary);transition:var(--transition)}.menu-link:hover::after,.menu-link.current::after{width:100%}.main-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:var(--secondary);color:var(--white);border-radius:4px;font-weight:600;box-shadow:0 4px 12px rgba(245,158,11,0.3)}.main-btn:hover{background:var(--secondary-dark);transform:translateY(-2px)}.hero-area{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:120px 0;color:var(--white)}.hero-content{max-width:900px;margin:0 auto;text-align:center}.main-heading{font-size:56px;font-weight:800;line-height:1.2;margin-bottom:32px}.lead-text{font-size:19px;line-height:2;margin-bottom:48px;opacity:0.95}.hero-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.primary-action,.secondary-action{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;border-radius:4px;font-weight:600;font-size:18px;transition:var(--transition)}.primary-action{background:var(--secondary);color:var(--white)}.primary-action:hover{background:var(--secondary-dark);transform:scale(1.05)}.secondary-action{background:transparent;color:var(--white);border:2px solid var(--white)}.secondary-action:hover{background:var(--white);color:var(--primary)}.intro-section{padding:120px 0}.zigzag-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.zigzag-layout.reverse{direction:rtl}.zigzag-layout.reverse>*{direction:ltr}.section-heading{font-size:40px;font-weight:700;margin-bottom:28px;color:var(--dark)}.long-paragraph{font-size:17px;line-height:2.2;color:var(--text-light);text-align:justify}.visual-block img{border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.15)}.features-area{padding:120px 0;background:var(--light)}.text-center{text-align:center;margin-bottom:80px}.feature-heading{font-size:38px;font-weight:700;margin-bottom:16px}.feature-intro{font-size:18px;color:var(--text-light)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-item{background:var(--white);padding:48px 32px;border-radius:8px;text-align:center;border:2px solid var(--border);transition:var(--transition)}.feature-item:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.feature-item i{font-size:48px;color:var(--primary);margin-bottom:24px}.feature-item h4{font-size:20px;font-weight:600;margin-bottom:8px}.feature-item h5{font-size:15px;color:var(--secondary);margin-bottom:12px}.feature-item h6{font-size:14px;color:var(--text-light);line-height:1.6}.trust-section{padding:120px 0}.games-overview{padding:120px 0;background:var(--light)}.games-header{text-align:center;margin-bottom:80px}.games-header h2{font-size:38px;font-weight:700;margin-bottom:16px}.games-header p{font-size:18px;color:var(--text-light)}.games-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.game-card{background:var(--white);border-radius:8px;overflow:hidden;border:2px solid var(--border);transition:var(--transition)}.game-card:hover{border-color:var(--secondary);transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,0.1)}.game-image{height:240px;overflow:hidden}.game-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.game-card:hover .game-image img{transform:scale(1.1)}.game-details{padding:36px}.game-details h4{font-size:22px;font-weight:600;margin-bottom:8px}.game-details h5{font-size:14px;color:var(--secondary);margin-bottom:16px}.game-details p{color:var(--text-light);margin-bottom:24px;line-height:1.8}.game-details a{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600}.game-details a:hover{gap:14px}.access-guide{padding:120px 0}.guide-content h2{font-size:38px;font-weight:700;text-align:center;margin-bottom:24px}.guide-text{text-align:center;font-size:18px;color:var(--text-light);margin-bottom:80px}.step-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-box{background:var(--white);padding:48px 36px;border-radius:8px;border:2px solid var(--border);position:relative;transition:var(--transition)}.step-box:hover{border-color:var(--primary);transform:translateY(-6px)}.step-num{position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:var(--secondary);color:var(--white);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;box-shadow:0 4px 16px rgba(245,158,11,0.4)}.step-box h5{font-size:20px;font-weight:600;margin-bottom:8px;text-align:center}.step-box h6{font-size:13px;color:var(--secondary);margin-bottom:16px;text-align:center}.step-box p{color:var(--text-light);line-height:1.8;text-align:center}.final-cta{padding:120px 0;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white)}.cta-box{text-align:center;max-width:800px;margin:0 auto}.cta-box h2{font-size:42px;font-weight:700;margin-bottom:20px}.cta-box p{font-size:19px;margin-bottom:40px;opacity:0.95;line-height:1.8}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:20px 48px;background:var(--secondary);color:var(--white);border-radius:4px;font-weight:700;font-size:18px}.cta-button:hover{background:var(--secondary-dark);transform:scale(1.05)}.main-footer{background:var(--dark);color:var(--white);padding:80px 0 32px}.footer-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.brand-footer{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;margin-bottom:20px}.brand-footer i{color:var(--secondary);font-size:32px}.brand-desc{color:#9ca3af;line-height:1.8}.footer-col h4{font-size:17px;font-weight:600;margin-bottom:20px}.footer-col a,.footer-col p{display:block;color:#9ca3af;margin-bottom:12px;transition:var(--transition)}.footer-col a:hover{color:var(--secondary);padding-left:4px}.footer-col a i{margin-right:8px}.social-links{display:flex;gap:12px}.social-links a{width:44px;height:44px;background:var(--darker);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-links a:hover{background:var(--secondary);transform:translateY(-4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:32px;text-align:center}.copyright-text{margin-bottom:10px;color:#9ca3af}.disclaimer-text{font-size:14px;color:#6b7280}@media(max-width:1024px){.zigzag-layout,.games-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.footer-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.mobile-toggle{display:flex}.main-menu{position:fixed;top:78px;left:-100%;width:100%;flex-direction:column;background:var(--dark);padding:24px;gap:16px;transition:var(--transition);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.main-menu.active{left:0}.header-btn{display:none}.main-heading{font-size:36px}.feature-grid,.step-container{grid-template-columns:1fr}.footer-row{grid-template-columns:1fr}}