*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#f5f5f5;background:#0d1c08;overflow-x:hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
button{border:none;background:none;cursor:pointer;font-family:inherit;}
header{background:#f36700;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.navwrap{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;max-width:1400px;margin:0 auto;}
.brandlogo{display:flex;align-items:center;}
.brandlogo img{width:180px;height:51px;}
.desktopmenu{display:none;}
.desktopmenu a,.desktopmenu .active{margin:0 18px;font-weight:500;font-size:16px;color:#fff;transition:opacity 0.3s;}
.desktopmenu a:hover{opacity:0.8;}
.desktopmenu .active{opacity:0.7;cursor:default;}
.authbuttons{display:none;}
.signinbtn,.signupbtn{padding:10px 24px;border-radius:6px;font-weight:600;font-size:14px;transition:transform 0.2s,box-shadow 0.2s;}
.signinbtn{background:#fff;color:#f36700;margin-right:10px;}
.signinbtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,0.3);}
.signupbtn{background:#0d1c08;color:#fff;}
.signupbtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,28,8,0.5);}
.burgerbtn{display:flex;flex-direction:column;padding:8px;}
.burgerbtn span{width:28px;height:3px;background:#fff;border-radius:2px;transition:all 0.3s;display:block;margin-bottom:5px;}
.burgerbtn span:last-child{margin-bottom:0;}
.mobilemenu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#f36700;transition:right 0.4s;padding:20px;overflow-y:auto;z-index:1001;}
.mobilemenu.active{right:0;}
.menubar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;}
.menubar img{width:160px;height:auto;}
.closebtn{font-size:36px;color:#fff;line-height:1;padding:0 5px;}
.mobilemenu nav{display:flex;flex-direction:column;margin-bottom:30px;}
.mobilemenu nav a,.mobilemenu nav .active{padding:14px 0;color:#fff;font-size:18px;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.2);display:block;}
.mobilemenu nav .active{opacity:0.7;}
.mobileauth{display:flex;flex-direction:column;}
.mobileauth .signinbtn,.mobileauth .signupbtn{margin-top:12px;margin-bottom:12px;text-align:center;}
main{max-width:1200px;margin:0 auto;padding:10px;}
section{margin:60px 0;}
h1{font-size:36px;color:#f36700;margin-bottom:24px;text-align:center;}
h2{font-size:32px;margin-bottom:24px;color:#f36700;text-align:center;}
h3{font-size:24px;margin-bottom:16px;color:#f5f5f5;}
p{margin-bottom:16px;font-size:16px;color:#d0d0d0;line-height:1.7;}
.sportsintro{background:rgba(243,103,0,0.04);padding:40px 20px;border-radius:12px;position:relative;overflow:hidden;}
.sportsintro::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(243,103,0,0.15),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(243,103,0,0.12),transparent 50%);backdrop-filter:blur(80px);z-index:0;}
.sportsintro h1,.sportsintro p,.sportsintro .btnwrap{position:relative;z-index:1;}
.btnwrap{text-align:center;margin:32px 0;}
.btncta{display:inline-block;background:#f36700;color:#fff;padding:16px 40px;border-radius:8px;font-size:18px;font-weight:700;box-shadow:0 4px 16px rgba(243,103,0,0.4);transition:transform 0.3s,box-shadow 0.3s;}
.btncta:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(243,103,0,0.6);}
.gridblock{margin:60px 0;}
.cardgrid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;}
.gridcard{background:linear-gradient(135deg,rgba(243,103,0,0.1),rgba(59,57,57,0.2));padding:28px;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,0.3);transition:transform 0.3s,box-shadow 0.3s;}
.gridcard:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(243,103,0,0.3);}
.cardemoji{font-size:48px;margin-bottom:16px;}
.gridcard h3{font-size:20px;margin-bottom:12px;color:#f36700;}
.gridcard p{font-size:15px;line-height:1.6;color:#c0c0c0;}
.bettingtypes{background:rgba(59,57,57,0.15);padding:40px 20px;border-radius:12px;}
.marketslist{display:grid;grid-template-columns:1fr;gap:24px;margin:32px 0;}
.marketitem{background:linear-gradient(120deg,rgba(243,103,0,0.08),rgba(59,57,57,0.25));padding:24px;border-radius:8px;transition:transform 0.3s;}
.marketitem:hover{transform:translateX(5px);}
.marketitem h3{color:#f36700;font-size:20px;margin-bottom:12px;}
.marketitem p{font-size:15px;margin-bottom:0;color:#d0d0d0;}
.strategysection{background:linear-gradient(150deg,rgba(243,103,0,0.05),rgba(59,57,57,0.2));padding:40px 20px;border-radius:12px;}
.faqblock{margin:60px 0;}
.faqitem{background:rgba(59,57,57,0.2);padding:24px;margin-bottom:20px;border-radius:8px;}
.faqitem h3{font-size:19px;color:#f36700;margin-bottom:12px;}
.faqitem p{font-size:15px;line-height:1.7;color:#d5d5d5;margin-bottom:0;}
footer{background:#3b3939;padding:40px 10px 20px;color:#d0d0d0;}
.linkbar{max-width:1200px;margin:0 auto 32px;}
.footlinks{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.footlinks a{font-size:14px;color:#d0d0d0;transition:color 0.3s;}
.footlinks a:hover{color:#f36700;}
.iconsblock{max-width:1000px;margin:32px auto;text-align:center;}
.iconsblock h3{font-size:18px;color:#f36700;margin-bottom:20px;}
.paymenticons,.providerlogos,.trustlogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;}
.paymenticons img,.providerlogos img{filter:grayscale(100%) brightness(1.2);transition:filter 0.3s;}
.paymenticons img:hover,.providerlogos img:hover{filter:grayscale(0%) brightness(1);}
.legalblock{max-width:900px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;}
.legalblock p{font-size:13px;line-height:1.7;color:#a0a0a0;}
@media(min-width:480px){.cardgrid{grid-template-columns:repeat(2,1fr);}.marketslist{grid-template-columns:repeat(2,1fr);}}
@media(min-width:768px){h1{font-size:42px;}.cardgrid{grid-template-columns:repeat(3,1fr);}h2{font-size:36px;}.marketslist{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1080px){.desktopmenu{display:flex;}.authbuttons{display:flex;align-items:center;}.burgerbtn{display:none;}h1{font-size:48px;}main{padding:10px 20px;}}
