*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,sans-serif;background-color:#141515;color:#ffffff;line-height:1.6;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{max-width:100%;height:auto;display:block;}
header{background-color:#141515;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.5);}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 10px;max-width:1400px;margin:0 auto;}
.logo-area{flex-shrink:0;}
.brand-mark{width:163px;height:40px;display:flex;align-items:center;}
.brand-mark img{width:163px;height:40px;}
.main-nav{display:flex;align-items:center;margin-left:40px;padding-top:11px;}
.nav-list{display:flex;align-items:center;}
.nav-item{margin-right:25px;font-size:15px;font-weight:500;cursor:pointer;position:relative;}
.nav-item a{color:#ffffff;transition:color 0.3s;}
.nav-item a:hover{color:#ffd700;}
.active-page{color:#ffd700;font-weight:600;}
.dropdown{position:relative;}
.dropdown-trigger{display:flex;align-items:center;cursor:pointer;color:#ffffff;}
.arrow{margin-left:5px;font-size:10px;transition:transform 0.3s;}
.submenu{position:absolute;top:100%;left:0;background-color:#1f1f1f;min-width:180px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s;border-radius:4px;margin-top:10px;}
.dropdown:hover .submenu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown:hover .arrow{transform:rotate(180deg);}
.submenu li{padding:10px 20px;}
.submenu li a{display:block;color:#ffffff;transition:color 0.3s;}
.submenu li a:hover{color:#ffd700;}
.language-switcher{display:flex;align-items:center;margin-left:auto;margin-right:20px;font-size:14px;}
.lang-option{padding:5px 10px;cursor:pointer;transition:color 0.3s;}
.lang-option:hover{color:#ffd700;}
.active-lang{color:#ffd700;font-weight:600;}
.divider{margin:0 5px;color:#666;}
.auth-buttons{display:flex;align-items:center;}
.btn-signin{padding:8px 20px;background-color:transparent;border:1px solid #ff8a14;color:#ff8a14;border-radius:4px;margin-right:10px;font-size:14px;font-weight:500;transition:all 0.3s;}
.btn-signin:hover{background-color:#ff8a14;color:#141515;}
.btn-signup{padding:8px 20px;background-color:#ff8a14;color:#ffffff;border-radius:4px;font-size:14px;font-weight:600;transition:all 0.3s;}
.btn-signup:hover{background-color:#ff9d3d;}
.mobile-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:28px;height:20px;}
.burger-line{width:100%;height:3px;background-color:#ff8a14;border-radius:2px;transition:all 0.3s;}
.mobile-navigation{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:#1f1f1f;z-index:2000;transition:right 0.3s;overflow-y:auto;}
.mobile-navigation.active{right:0;}
.mobile-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333;}
.mobile-brand{width:163px;height:40px;}
.mobile-brand img{width:163px;height:40px;}
.close-mobile{background:none;border:none;color:#ff8a14;font-size:28px;cursor:pointer;line-height:1;}
.mobile-list{padding:20px 0;}
.mobile-item{padding:15px 20px;font-size:15px;border-bottom:1px solid #2a2a2a;}
.mobile-item a{display:block;color:#ffffff;}
.mobile-dropdown{cursor:pointer;}
.mobile-trigger{display:flex;align-items:center;justify-content:space-between;color:#ffffff;}
.mobile-sub{max-height:0;overflow:hidden;transition:max-height 0.3s;background-color:#2a2a2a;margin-top:10px;border-radius:4px;}
.mobile-sub.expanded{max-height:300px;}
.mobile-sub li{padding:10px 20px;border-bottom:1px solid #333;}
.mobile-sub li:last-child{border-bottom:none;}
.mobile-dropdown.open .arrow{transform:rotate(180deg);}
.language-mobile{display:flex;align-items:center;justify-content:center;}
.mobile-auth{padding:20px;display:flex;flex-direction:column;}
.btn-signin-mobile,.btn-signup-mobile{width:100%;padding:12px;text-align:center;border-radius:4px;font-size:15px;font-weight:600;margin-bottom:10px;}
.btn-signin-mobile{background-color:transparent;border:1px solid #ff8a14;color:#ff8a14;}
.btn-signup-mobile{background-color:#ff8a14;color:#ffffff;}
.cricket-banner{background:#141515;padding:60px 10px;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.cricket-banner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,215,0,0.02) 35px,rgba(255,215,0,0.02) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(255,138,20,0.02) 35px,rgba(255,138,20,0.02) 70px);z-index:0;}
.banner-text{max-width:900px;text-align:center;position:relative;z-index:1;}
.banner-text h1{font-size:42px;color:#ffd700;margin-bottom:20px;}
.banner-text p{font-size:18px;color:#e8e8e8;margin-bottom:30px;line-height:1.7;}
.cta-placement{margin:30px 0;text-align:center;}
.cta-button{display:inline-block;padding:15px 40px;background-color:#ff8a14;color:#ffffff;font-size:18px;font-weight:700;border-radius:6px;transition:all 0.3s;box-shadow:0 4px 15px rgba(255,138,20,0.4);}
.cta-button:hover{background-color:#ff9d3d;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,138,20,0.6);}
.page-article{max-width:1200px;margin:60px auto;padding:0 10px;}
.cricket-formats,.popular-markets,.live-betting,.venue-factors,.betting-strategies,.bankroll-discipline,.mobile-cricket{margin-bottom:60px;}
h2{font-size:32px;margin-bottom:20px;color:#ffd700;}
h3{font-size:24px;margin:25px 0 15px 0;color:#ffed4e;}
p{margin-bottom:15px;font-size:16px;color:#e8e8e8;}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.format-card{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:10px;padding:25px;text-align:center;transition:transform 0.3s,box-shadow 0.3s;}
.format-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,215,0,0.3);}
.format-icon{font-size:48px;margin-bottom:15px;}
.format-name{font-size:20px;color:#ffd700;font-weight:700;margin-bottom:8px;}
.format-stats{font-size:14px;color:#ff8a14;font-weight:600;margin-bottom:12px;}
.format-desc{font-size:14px;color:#e8e8e8;line-height:1.6;}
.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.market-card{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:10px;padding:22px;transition:transform 0.3s,box-shadow 0.3s;}
.market-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,215,0,0.3);}
.market-name{font-size:18px;color:#ffd700;font-weight:600;margin-bottom:12px;}
.market-desc{font-size:14px;color:#e8e8e8;line-height:1.6;}
.venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.venue-card{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:10px;padding:22px;transition:transform 0.3s,box-shadow 0.3s;}
.venue-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,215,0,0.3);}
.venue-name{font-size:18px;color:#ffd700;font-weight:700;margin-bottom:8px;}
.venue-traits{font-size:14px;color:#ff8a14;font-weight:600;margin-bottom:12px;}
.venue-details{font-size:14px;color:#e8e8e8;line-height:1.6;}
.strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;}
.strategy-card{background:linear-gradient(135deg,#2a2a2a 0%,#1f1f1f 100%);border-radius:10px;padding:22px;transition:transform 0.3s,box-shadow 0.3s;}
.strategy-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,215,0,0.3);}
.strategy-name{font-size:18px;color:#ffd700;font-weight:600;margin-bottom:12px;}
.strategy-desc{font-size:14px;color:#e8e8e8;margin-bottom:12px;line-height:1.6;}
.strategy-risk{font-size:13px;color:#aaa;padding-top:10px;border-top:1px solid #333;}
footer{background-color:#000000;padding:50px 10px 30px 10px;}
.bottom-layout{max-width:1200px;margin:0 auto;}
.payment-strip,.provider-strip{margin-bottom:35px;}
.strip-title{font-size:18px;color:#ffd700;margin-bottom:15px;font-weight:600;}
.icon-scroll{display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.icon-scroll img{filter:grayscale(100%);opacity:0.7;transition:all 0.3s;}
.icon-scroll img:hover{filter:grayscale(0%);opacity:1;}
.bottom-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:40px 0;padding:25px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.bottom-links a{font-size:14px;color:#aaa;transition:color 0.3s;}
.bottom-links a:hover{color:#ffd700;}
.certification-area{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-bottom:25px;}
.license-text{max-width:900px;margin:0 auto 30px auto;}
.license-text p{font-size:13px;color:#999;line-height:1.7;text-align:center;}
.bottom-bar{text-align:center;padding-top:20px;border-top:1px solid #333;}
.bottom-bar p{font-size:13px;color:#777;}
@media (max-width:1200px){.format-grid,.market-grid,.venue-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:1080px){.main-nav,.language-switcher,.auth-buttons{display:none;}.mobile-toggle{display:flex;}.mobile-navigation{display:block;}.strategy-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){h2{font-size:26px;}.banner-text h1{font-size:30px;}.format-grid,.market-grid,.venue-grid,.strategy-grid{grid-template-columns:1fr;}}
@media (max-width:480px){.banner-text h1{font-size:26px;}.banner-text p{font-size:15px;}}
@media (max-width:320px){.mobile-navigation{width:100%;}.banner-text h1{font-size:22px;}.banner-text p{font-size:14px;}}
@media (max-width:300px){.mobile-navigation{width:100%;}}