:root{
    --blue-bg:#270a06;
    --blue-bg-2:#350707;
    --blue-card:#471111;
    --blue-border:rgba(255,97,97,.28);
    --blue-soft:#ffb0b0;
    --blue-main:#ff1e1e;
    --blue-main-2:#ff4800;
}

body{
    background:
        radial-gradient(circle at top left, rgba(255,30,30,.25), transparent 32%),
        radial-gradient(circle at top right, rgba(255,72,0,.16), transparent 26%),
        var(--blue-bg);
    color:#fff;
    min-height:100vh;
}

#page-loader{
    position:fixed;
    inset:0;
    background:linear-gradient(135deg,#1f0604,#4f0808);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    transition:.45s ease;
}

.btn-primary{
    --bs-btn-color:#fff;
    --bs-btn-bg:#dc3545;
    --bs-btn-border-color:#dc3545;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#bb2d3b;
    --bs-btn-hover-border-color:#b02a37;
    --bs-btn-focus-shadow-rgb:220,53,69;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#b02a37;
    --bs-btn-active-border-color:#a52834;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#dc3545;
    --bs-btn-disabled-border-color:#dc3545;
}

.btn-outline-primary{
    --bs-btn-color:#ff3b3b;
    --bs-btn-border-color:#ff3b3b;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#ff3b3b;
    --bs-btn-hover-border-color:#ff3b3b;
    --bs-btn-focus-shadow-rgb:255,59,59;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#d60000;
    --bs-btn-active-border-color:#d60000;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color:#ff8a8a;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#ff8a8a;
    --bs-gradient:none;
}

#page-loader.loaded{
    opacity:0;
    visibility:hidden;
}

.text-bg-primary{
    color:#fff!important;
    background-color:#b71010!important;
}

.loader-card{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(18px);
    border-radius:24px;
    padding:32px;
    min-width:260px;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:center;
}

.loader-card small,
.text-blue-soft{
    color:var(--blue-soft)!important;
}

.app-hidden{
    opacity:0;
    transform:translateY(12px);
}

.app-ready{
    opacity:1;
    transform:none;
    transition:.45s ease;
}

.glass-nav{
    background:rgba(44,5,5,.82)!important;
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--blue-border);
}

.brand-dot{
    width:12px;
    height:12px;
    display:inline-block;
    border-radius:99px;
    background:linear-gradient(135deg,var(--blue-main),var(--blue-main-2));
    box-shadow:0 0 20px rgba(255,30,30,.9);
    margin-right:10px;
}

.hero-blue{
    background:
        linear-gradient(135deg, rgba(255,30,30,.23), transparent 55%),
        linear-gradient(45deg, rgba(255,72,0,.14), transparent 40%);
    border-bottom:1px solid var(--blue-border);
}

.hero-pill{
    display:inline-block;
    padding:8px 16px;
    border-radius:99px;
    color:#fff;
    background:rgba(255,56,30,.18);
    border:1px solid rgba(255,97,97,.35);
    font-weight:700;
}

.hero-panel,
.post-card,
.detail-card,
.stat-blue,
.date-card-modern,
.empty-modern{
    background:rgba(71,11,11,.72)!important;
    border:1px solid var(--blue-border)!important;
    backdrop-filter:blur(16px);
    border-radius:24px;
}

.hero-panel-top{
    height:44px;
    border-bottom:1px solid var(--blue-border);
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 18px;
}

.hero-panel-top span{
    width:11px;
    height:11px;
    background:var(--blue-main);
    display:block;
    border-radius:50%;
}

.hero-panel-top strong{
    color:#ff6161;
    font-size:13px;
}

.summary-line{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.09);
    padding:13px 0;
}

.summary-line:last-child{border-bottom:0}
.summary-line b{color:#ff6161}

.mt-n4{margin-top:-2rem}

.stat-blue{
    padding:22px;
    min-height:112px;
}

.stat-blue small{
    color:var(--blue-soft);
    display:block;
    margin-bottom:8px;
}

.stat-blue strong{
    font-size:22px;
    color:#ff6161;
}

.section-heading span{
    color:#ff6161;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-size:12px;
}

.section-heading h1,
.section-heading h2{
    font-weight:800;
}

.post-card{
    color:#fff;
}

.thumb-wrap{
    height:100%;
    min-height:220px;
    display:block;
    position:relative;
    overflow:hidden;
}

.post-thumb{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.35s ease;
}

.post-card:hover .post-thumb{
    transform:scale(1.06);
}

.badge-type{
    position:absolute;
    top:14px;
    left:14px;
    padding:8px 12px;
    border-radius:99px;
    font-size:11px;
    letter-spacing:.04em;
}

.type-jackpot{
    background:linear-gradient(135deg,#ff1e1e,#ff9100)!important;
}

.type-event{
    background:linear-gradient(135deg,#c1425e,#ff4800)!important;
}

.type-info{
    background:linear-gradient(135deg,#ff416c,#ff4b2b)!important;
}

.type-post{
    background:#8b1e1e!important;
}

.post-title-link{
    color:#fff;
    text-decoration:none;
}

.post-title-link:hover{
    color:#ff6161;
}

.mini-box,
.detail-stat{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    padding:14px;
    border-radius:18px;
}

.mini-box small,
.detail-stat small{
    display:block;
    color:var(--blue-soft);
    margin-bottom:4px;
}

.mini-box b,
.detail-stat b{
    color:#ff6161;
}

.date-card-modern{
    display:block;
    background:rgba(71,11,11,.7);
    padding:22px;
    color:#fff;
    text-decoration:none;
    transition:.25s ease;
}

.date-card-modern:hover{
    transform:translateY(-4px);
    border-color:rgba(255,97,97,.75)!important;
}

.date-card-modern strong{
    display:block;
    color:#fff;
}

.date-card-modern small{
    color:var(--blue-soft);
}

.detail-cover-wrap{
    position:relative;
    max-height:600px;
    overflow:hidden;
}

.detail-cover{
    width:100%;
    max-height:600px;
    object-fit:cover;
    display:block;
}

.detail-badge{
    top:22px;
    left:22px;
}

.post-text-box{
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.1);
    padding:24px;
    border-radius:20px;
    color:#ffe1e1;
    line-height:1.8;
}

.post-text-box a{
    word-break:break-word;
    color:#ff6161;
}

.empty-modern{
    padding:40px;
}

.footer-blue{
    background:rgba(44,5,5,.8);
    border-top:1px solid var(--blue-border);
}

.homepage-power-box{
    background:linear-gradient(135deg, rgba(255,30,30,.20), rgba(255,72,0,.10));
    border:1px solid rgba(255,97,97,.32);
    border-radius:22px;
    padding:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.homepage-power-box small{
    color:#ff6161;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
}

.homepage-power-box h3{
    font-size:22px;
    margin:6px 0;
    color:#fff;
}

.homepage-power-box p{
    color:var(--blue-soft);
    margin:0;
}

.related-home-link{
    background:rgba(71,11,11,.45);
    border:1px solid rgba(255,97,97,.18);
    border-radius:18px;
    padding:18px;
}

.site-logo{
    height:42px;
    width:auto;
    display:block;
}

.hero-slider-panel{
    overflow:hidden;
}

.hero-proof-slide{
    position:relative;
    display:block;
    min-height:430px;
    color:#fff;
    text-decoration:none;
    overflow:hidden;
}

.hero-proof-slide img{
    width:100%;
    height:430px;
    object-fit:cover;
    display:block;
    transition:.45s ease;
}

.hero-proof-slide:hover img{
    transform:scale(1.06);
}

.hero-proof-slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(31,4,4,.1), rgba(31,4,4,.92));
}

.hero-proof-overlay{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    bottom:0;
    padding:26px;
}

.hero-proof-overlay h3{
    font-size:25px;
    font-weight:800;
    margin-bottom:16px;
}

.hero-proof-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.hero-proof-meta div{
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    border-radius:16px;
    padding:13px;
}

.hero-proof-meta small{
    display:block;
    color:#ffb0b0;
    font-size:12px;
    margin-bottom:3px;
}

.hero-proof-meta b{
    color:#ff6161;
    font-size:15px;
}

#jackpotHeroCarousel .carousel-control-prev,
#jackpotHeroCarousel .carousel-control-next{
    width:12%;
    opacity:.8;
}

#jackpotHeroCarousel .carousel-control-prev:hover,
#jackpotHeroCarousel .carousel-control-next:hover{
    opacity:1;
}

#jackpotHeroCarousel .carousel-indicators{
    margin-bottom:14px;
}

#jackpotHeroCarousel .carousel-indicators [data-bs-target]{
    width:9px;
    height:9px;
    border-radius:50%;
    border:0;
    background-color:#ff6161;
    opacity:.45;
}

#jackpotHeroCarousel .carousel-indicators .active{
    opacity:1;
}

@media(max-width:768px){
    .hero-blue .display-4{
        font-size:2.2rem;
    }

    .thumb-wrap{
        height:230px;
    }

    .mt-n4{
        margin-top:1rem;
    }

    .site-logo{
        height:36px;
    }

    .homepage-power-box{
        flex-direction:column;
        align-items:flex-start;
    }

    .hero-proof-slide,
    .hero-proof-slide img{
        min-height:340px;
        height:340px;
    }

    .hero-proof-overlay h3{
        font-size:21px;
    }

    .hero-proof-meta{
        grid-template-columns:1fr;
    }
}