body{
margin:0;
background:linear-gradient(135deg,#ff7b00,#ff9500,#ff5e00);
font-family:Arial,sans-serif;
}

.topbar{
background:#111827;
padding:18px 30px;
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-family:'Bebas Neue',sans-serif;
font-size:42px;
color:white;
letter-spacing:3px;
}

.menu{
display:flex;
gap:20px;
}

.menu a{
color:white;
text-decoration:none;
font-family:'Oswald',sans-serif;
}

.headline{
background:rgba(255,255,255,0.95);
padding:60px 20px;
text-align:center;
}

.headline h1{
font-family:'Bebas Neue',sans-serif;
font-size:70px;
margin:0;
}

.container{
display:grid;
grid-template-columns:2fr 1fr;
gap:25px;
padding:25px;
}

.news-card{
background:white;
padding:25px;
border-radius:16px;
margin-bottom:20px;
}

.sport-tag{
display:inline-block;
background:#ff6a00;
color:white;
padding:6px 12px;
border-radius:8px;
font-weight:900;
margin-bottom:15px;
}

.news-card h2{
font-family:'Bebas Neue',sans-serif;
font-size:40px;
}

.prediction{
display:inline-block;
background:#111827;
color:#ff9500;
padding:12px 16px;
border-radius:10px;
font-weight:900;
margin-bottom:15px;
}

.money-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:10px;
margin-top:15px;
}

.money-box{
background:#111827;
color:white;
padding:12px;
border-radius:10px;
text-align:center;
font-weight:900;
}

.money-box span{
display:block;
font-size:22px;
color:#ff9500;
margin-top:5px;
}

.market-status{
background:#111827;
color:#00ff88;
padding:10px;
border-radius:8px;
margin-top:15px;
font-weight:900;
text-align:center;
}

.writeup{
margin-top:15px;
line-height:1.7;
}

.sidebar-box{
background:white;
padding:20px;
border-radius:16px;
}

.sidebar-item{
padding:12px 0;
border-bottom:1px solid #eee;
}
.money-way-box{

background:#111827;

color:white;

padding:16px;

border-radius:14px;

margin-bottom:16px;

}

.money-grid{

display:grid;

grid-template-columns:1fr 1fr 1fr;

gap:10px;

margin-top:14px;

}

.money-cell{

background:#1f2937;

padding:12px;

border-radius:10px;

text-align:center;

font-size:13px;

font-weight:700;

}

.money-percent{

display:block;

font-size:24px;

font-weight:900;

color:#ff9500;

margin-top:6px;

}

.market-stats{

display:flex;

justify-content:space-between;

margin-top:12px;

font-size:13px;

color:#d1d5db;

}

.money-way-status{

margin-top:14px;

display:inline-block;

background:#ff6a00;

color:white;

padding:6px 12px;

border-radius:8px;

font-size:11px;

font-weight:900;

}

.money-way-trend{

margin-top:10px;

font-size:13px;

color:#d1d5db;

}

.ticket-volume{

margin-top:10px;

font-size:12px;

color:#9ca3af;

}
.horse-mover-item{

padding-bottom:18px;

margin-bottom:18px;

border-bottom:
1px solid #e5e7eb;

}

.horse-header{

font-size:16px;

margin-bottom:8px;

}

.horse-course{

font-size:13px;

color:#6b7280;

margin-bottom:6px;

}

.horse-time{

font-size:13px;

color:#111827;

margin-bottom:6px;

font-weight:700;

}

.horse-odds{

background:#111827;

color:#00ff88;

display:inline-block;

padding:6px 10px;

border-radius:8px;

font-size:12px;

font-weight:900;

margin-bottom:8px;

}

.horse-status{

display:inline-block;

background:#ff6a00;

color:white;

padding:5px 10px;

border-radius:8px;

font-size:11px;

font-weight:900
    
    
}



/* =========================================
PURPLE MOBILE THEME
========================================= */

@media(max-width:900px){

body{

background:
linear-gradient(
135deg,
#3b0764,
#6b21a8,
#7e22ce
);

}

/* HEADER */

.topbar{

background:#2e1065;

}

.logo{

color:#c084fc;

}

/* MENU */

.menu a{

color:#e9d5ff;

}

/* HERO */

.headline{

background:
rgba(30,10,60,0.92);

color:#ddd6fe;

}

.headline h1{

color:#ddd6fe;

}

.headline p{

color:#ddd6fe;

}

/* CARDS */

.news-card{

background:#1e1b4b;

color:Red;

border:
1px solid rgba(255,255,255,0.08);

}

.news-card h2{

color:#e9d5ff;

}

.writeup{

color:#ddd6fe;

}

/* TAGS */

.sport-tag{

background:#9333ea;

}

/* PREDICTION */

.prediction{

background:#ddd6fe;

color:Green;

}

/* MARKET */

.market-box{

background:#312e81;

}

.market-value{

color:#d8b4fe;

}

.market-status-box{

background:#9333ea;

}

/* SIDEBAR */

.sidebar-box{

background:#1e1b4b;

color:white;

}

.sidebar-box h3{

color:#d8b4fe;

}

/* MONEYWAY */

.money-way-box{

background:#312e81;

}

.money-cell{

background:#4338ca;

}

.money-percent{

color:#d8b4fe;

}

.market-stats{

color:#ddd6fe;

}

.money-way-status{

background:#9333ea;

}

/* HORSE */

.horse-odds{

background:#312e81;

color:#d8b4fe;

}

.horse-status{

background:#9333ea;

}

/* LINKS */

a{

color:#d8b4fe;

}

/* BUTTONS */

.visit-btn{

background:#9333ea;

}

.visit-btn:hover{

background:#7e22ce;

}

/* NEWS */

.news-item a{

color:#f3e8ff !important;

}

/* IFRAME */

iframe{

background:white;

border:
2px solid #9333ea;

}

}