*{margin:0;padding:0;box-sizing:border-box}:root{--green:#10b981;--white:#fff;--black:#0f0f0f;--gray:#6b7280}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:var(--white);color:var(--black);line-height:1.6}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;width:100%;background:var(--white);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.8rem;font-weight:900;color:var(--green)}.nav{display:flex;gap:24px}.nav a{color:var(--black);font-weight:600;padding:8px 16px;border-radius:6px;transition:all .3s}.nav a:hover{background:var(--green);color:var(--white)}.btns{display:flex;gap:12px}.btn-login,.btn-reg{padding:10px 24px;border-radius:6px;font-weight:700;transition:all .3s}.btn-login{border:2px solid var(--green);color:var(--green)}.btn-login:hover{background:var(--green);color:var(--white)}.btn-reg{background:var(--green);color:var(--white)}.btn-reg:hover{background:#059669}.hero{position:relative;min-height:600px;display:flex;align-items:center;margin-top:70px}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:rgba(255,255,255,.92)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px}.green{color:var(--green)}.hero p{font-size:1.2rem;color:var(--gray);margin-bottom:32px}.btn-primary{display:inline-block;padding:16px 40px;background:var(--green);color:var(--white);border-radius:8px;font-weight:700;font-size:1.1rem;transition:all .3s}.btn-primary:hover{background:#059669;transform:translateY(-2px)}.stats{padding:60px 0;background:var(--green)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;color:var(--white)}.num{font-size:3rem;font-weight:900;margin-bottom:8px}.games{padding:100px 0;background:#f9fafb}.games h2{text-align:center;font-size:3rem;margin-bottom:60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.box{padding:40px 32px;background:var(--white);border-radius:12px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s}.box:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(16,185,129,.3)}.box h3{font-size:1.8rem;margin-bottom:16px;color:var(--green)}.box p{color:var(--gray)}.bonus{padding:100px 0}.bonus-main{padding:48px 40px;background:var(--green);color:var(--white);border-radius:16px;text-align:center;max-width:600px;margin:0 auto}.tag{display:inline-block;padding:8px 20px;background:rgba(255,255,255,.2);border-radius:20px;margin-bottom:20px;font-weight:600}.percent{font-size:6rem;font-weight:900;margin-bottom:20px}.bonus-main p{margin-bottom:32px;font-size:1.1rem}.bonus-main .btn{display:inline-block;padding:16px 40px;background:var(--white);color:var(--green);border-radius:8px;font-weight:700;transition:all .3s}.bonus-main .btn:hover{background:#f3f4f6;transform:translateY(-2px)}footer{padding:60px 0 32px;background:var(--black);color:var(--white);text-align:center}footer .logo{margin-bottom:16px}footer p{color:var(--gray);margin-bottom:12px}.scroll-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background:var(--green);color:var(--white);border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:all .3s;z-index:999}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-5px)}@media (max-width:768px){.nav,.btns{display:none}.hero h1{font-size:2.5rem}.stats-grid,.grid{grid-template-columns:1fr}}