/*
Theme Name: KUBET Blue Orange
Theme URI: https://example.com/
Author: OpenAI
Description: Theme WordPress KUBET xanh navy và vàng cam, tối ưu PHP 7.4.
Version: 1.4.0
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kubet
*/

:root{
    --kubet-navy:#020d20;
    --kubet-navy-2:#061a36;
    --kubet-card:#08254b;
    --kubet-card-2:#041a36;
    --kubet-blue:#0877f9;
    --kubet-blue-light:#2aa6ff;
    --kubet-orange:#ff9d12;
    --kubet-gold:#ffc64b;
    --kubet-text:#f3f7ff;
    --kubet-muted:#a9bdd6;
    --kubet-line:rgba(35,139,255,.38);
    --kubet-shadow:0 16px 42px rgba(0,0,0,.34);
}

body{background:var(--kubet-navy);color:var(--kubet-text)}
body.home{background:radial-gradient(circle at 50% 0,#0a2851 0,#03152e 38%,#010a19 100%)}
.container{width:min(1380px,calc(100% - 40px))}
.site-header{height:72px;background:rgba(2,13,32,.97);border-bottom:1px solid rgba(37,139,255,.28);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.header-inner{height:72px;gap:24px}.brand img,.custom-logo{width:145px}.main-menu{gap:25px}.main-menu a{color:#e8f1ff;font-size:12px}.main-menu a:hover{color:var(--kubet-orange)}
.btn{border-radius:6px}.btn-outline{color:#fff;border-color:#1578e8;background:linear-gradient(180deg,#1688ff,#0755bf)}.btn-orange{background:linear-gradient(180deg,#ffb126,#f37d00);box-shadow:0 6px 16px rgba(255,130,0,.28)}.btn-blue{background:linear-gradient(180deg,#178cff,#0758c9);color:#fff;border-color:#258eff}.btn-ghost{border-color:rgba(61,158,255,.65);background:rgba(0,77,155,.25)}

.kubet-home{overflow:hidden;background:linear-gradient(180deg,#020d20 0,#061a36 42%,#020d20 100%)}
.kubet-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(9,103,224,.52),rgba(4,25,55,.4) 36%,#020b1b 75%);border-bottom:1px solid rgba(42,145,255,.25)}
.kubet-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.kubet-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:500px}.kubet-hero__content{padding:62px 0 40px}.kubet-kicker{display:inline-flex;padding:6px 12px;margin-bottom:12px;border:1px solid rgba(255,161,27,.48);border-radius:999px;color:var(--kubet-gold);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;background:rgba(255,151,0,.08)}
.kubet-hero h1{margin:0;font-size:clamp(38px,4.2vw,66px);line-height:1.08;letter-spacing:-1.6px;text-shadow:0 7px 24px rgba(0,0,0,.5)}.kubet-hero h1 span{color:var(--kubet-gold)}.kubet-hero__content>p{max-width:620px;margin:19px 0 0;color:#d6e5fa;font-size:17px}.kubet-hero__actions{display:flex;gap:14px;margin-top:27px}.kubet-hero__trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;color:#dbe8fa;font-size:12px;font-weight:700}.kubet-hero__trust span{display:inline-flex;align-items:center;gap:8px}.kubet-hero__trust i{display:grid;place-items:center;width:28px;height:28px;border:1px solid #d49100;border-radius:50%;color:var(--kubet-gold);font-style:normal;background:#07162e}.kubet-hero__visual{height:500px;align-self:stretch;position:relative}.kubet-hero__visual:after{content:"";position:absolute;inset:auto 6% 0;height:80px;background:radial-gradient(ellipse,rgba(14,108,241,.46),transparent 70%);filter:blur(12px)}.kubet-hero__visual img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.07)}

.kubet-proof{padding:18px 0 10px;background:#04152d}.kubet-proof__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kubet-proof article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--kubet-line);border-radius:8px;background:linear-gradient(145deg,#092854,#04172f);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.kubet-proof article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ffb729,#a85f00);font-size:22px}.kubet-proof strong,.kubet-proof small{display:block}.kubet-proof strong{font-size:14px;text-transform:uppercase}.kubet-proof small{margin-top:3px;color:var(--kubet-muted);font-size:12px}

.kubet-highlight-strip{padding:0 0 24px;background:#04152d}.kubet-highlight-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kubet-highlight-card{position:relative;min-height:118px;padding:18px 22px;overflow:hidden;border:1px solid var(--kubet-line);border-radius:8px;background:linear-gradient(120deg,#0b2e5d,#05172f);box-shadow:var(--kubet-shadow)}.kubet-highlight-card:after{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:60px;opacity:.92}.kubet-highlight-card--promo:after{content:"🎁"}.kubet-highlight-card--speed:after{content:"⚡"}.kubet-highlight-card--support:after{content:"🎧"}.kubet-highlight-card span,.kubet-highlight-card strong,.kubet-highlight-card small{display:block;position:relative;z-index:1}.kubet-highlight-card span{text-transform:uppercase;font-size:12px;font-weight:800}.kubet-highlight-card strong{margin:3px 0;color:var(--kubet-gold);font-size:31px;line-height:1}.kubet-highlight-card small{color:#c7d7ed}.kubet-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:10px;min-height:42px;padding:0 15px;border:1px solid var(--kubet-line);border-radius:6px;background:#06254c;font-size:12px}.kubet-notice b{color:var(--kubet-gold)}.kubet-notice span{color:#d7e5f8}.kubet-notice a{color:#50b1ff}

.kubet-section{padding:34px 0}.kubet-section-title{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:22px;text-align:center}.kubet-section-title>span{width:55px;height:1px;background:linear-gradient(90deg,transparent,var(--kubet-orange))}.kubet-section-title>span:last-child{background:linear-gradient(90deg,var(--kubet-orange),transparent)}.kubet-section-title h2{margin:0;color:#f8fbff;font-size:24px;letter-spacing:.02em}.kubet-section-title h2:before,.kubet-section-title h2:after{content:"◆";margin:0 9px;color:var(--kubet-orange);font-size:8px;vertical-align:middle}
.kubet-products{background:#03152d}.kubet-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kubet-product-card{position:relative;min-height:210px;overflow:hidden;border:1px solid var(--kubet-line);border-radius:8px;background:#04172f}.kubet-product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.kubet-product-card__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,32,.96) 0,rgba(2,13,32,.72) 52%,rgba(2,13,32,.15) 100%)}.kubet-product-card__content{position:relative;z-index:2;width:58%;padding:25px 20px}.kubet-product-card h3{margin:0 0 8px;color:var(--kubet-gold);font-size:21px;text-transform:uppercase}.kubet-product-card p{margin:0 0 16px;color:#d1dff2;font-size:13px}.kubet-mini-button{display:inline-flex;padding:8px 13px;border-radius:5px;background:linear-gradient(180deg,#168cff,#0756c0);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase}.kubet-product-card:hover img{transform:scale(1.05)}

.kubet-promotions{background:#051a36}.kubet-promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kubet-promo-card{display:flex;align-items:center;gap:14px;min-height:160px;padding:19px;border:1px solid rgba(255,155,0,.48);border-radius:8px;background:radial-gradient(circle at 90% 25%,rgba(255,130,0,.22),transparent 38%),linear-gradient(145deg,#09234a,#07162e);box-shadow:var(--kubet-shadow)}.kubet-promo-card__icon{font-size:50px}.kubet-promo-card span,.kubet-promo-card strong,.kubet-promo-card small{display:block}.kubet-promo-card span{text-transform:uppercase;font-size:11px;font-weight:800}.kubet-promo-card strong{color:var(--kubet-gold);font-size:31px;line-height:1.05}.kubet-promo-card small{color:#d5e2f3;font-size:12px}.kubet-promo-card a{display:inline-flex;margin-top:10px;padding:7px 12px;border-radius:4px;background:linear-gradient(180deg,#ffad1c,#e97800);font-size:11px;font-weight:800;text-transform:uppercase}

.kubet-knowledge{background:radial-gradient(circle at 50% 10%,#092b58,#03142b 55%,#020d20)}.kubet-section-title--stacked>div p{margin:3px 0 0;color:var(--kubet-muted);font-size:13px}.kubet-seo-intro{border-color:var(--kubet-line);background:#061d3c;color:#cbd9ec}.kubet-seo-grid{grid-template-columns:250px minmax(0,1fr) minmax(310px,380px);gap:18px;margin-top:0}.kubet-seo-tabs{border-color:var(--kubet-line);background:#03152d;border-radius:10px;padding:12px}.kubet-seo-tabs button{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:13px 12px;border:1px solid rgba(33,129,235,.24)!important;border-radius:8px;background:linear-gradient(180deg,#09244a,#051731);color:#e9f2ff}.kubet-seo-tabs button:last-child{margin-bottom:0}.kubet-seo-tabs button:hover{background:#0a3264;color:#fff}.kubet-seo-tabs button.is-active{background:linear-gradient(180deg,#0d6feb,#0748a3);box-shadow:0 0 18px rgba(13,112,239,.45);color:#fff}.kubet-tab-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,184,49,.55);border-radius:7px;color:var(--kubet-gold);background:#07152b}.kubet-seo-tabs button i{font-size:25px;font-style:normal;color:#9ecbff}.kubet-seo-panels{min-height:410px;border-color:var(--kubet-line);border-radius:10px;background:linear-gradient(145deg,#08244a,#04152d);box-shadow:var(--kubet-shadow);color:#e1ebf8}.kubet-seo-panel{color:#dce8f7;font-size:15px;line-height:1.8}.kubet-seo-panel h3{color:#fff;font-size:27px;text-align:center;text-transform:uppercase}.kubet-panel-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 24px}.kubet-panel-divider span{width:90px;height:1px;background:linear-gradient(90deg,transparent,#d88d00)}.kubet-panel-divider span:last-child{background:linear-gradient(90deg,#d88d00,transparent)}.kubet-panel-divider b{color:var(--kubet-gold);font-size:8px;letter-spacing:5px}.kubet-seo-faq{border-color:var(--kubet-line);border-radius:10px;background:linear-gradient(145deg,#08244a,#04152d);box-shadow:var(--kubet-shadow);padding:14px}.kubet-seo-faq>h3{padding:3px 4px 14px;background:none;color:#fff;font-size:22px}.kubet-seo-faq details{margin-bottom:8px;border:1px solid rgba(34,137,255,.42);border-radius:8px;background:#071d3c}.kubet-seo-faq summary{padding:13px 42px 13px 13px;color:#f2f6fd;font-size:13px}.kubet-seo-faq summary:after{color:#fff}.kubet-seo-faq details[open] summary{color:var(--kubet-gold)}.kubet-seo-faq details>div{padding:0 13px 13px;color:#b9cbe1}

.kubet-latest-posts{background:#04152d}.kubet-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 180px;gap:12px}.kubet-latest-card,.kubet-view-all{overflow:hidden;border:1px solid var(--kubet-line);border-radius:8px;background:#071d3d}.kubet-latest-card__image{display:block;height:145px;background:linear-gradient(135deg,#0d5ebf,#06152c)}.kubet-latest-card__image img{width:100%;height:100%;object-fit:cover}.kubet-latest-card__image span{display:grid;place-items:center;height:100%;font-size:25px;font-weight:900;color:var(--kubet-gold)}.kubet-latest-card>div{padding:13px}.kubet-latest-card h3{margin:0 0 8px;font-size:14px;line-height:1.4}.kubet-latest-card time{color:var(--kubet-muted);font-size:11px}.kubet-view-all{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:800;text-transform:uppercase}.kubet-view-all span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border:2px solid var(--kubet-orange);border-radius:50%;color:var(--kubet-gold);font-size:25px}.kubet-no-posts{grid-column:1/-1;text-align:center;color:var(--kubet-muted)}
.kubet-payments{padding:20px 0 28px;background:#020d20}.kubet-payments .kubet-section-title{margin-bottom:14px}.kubet-payments .kubet-section-title h2{font-size:18px}.kubet-payment-list{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;min-height:65px;padding:14px;border:1px solid rgba(255,165,0,.3);border-radius:8px;background:#03152d}.kubet-payment-list span{font-size:18px;font-weight:900;color:#f3f7ff}.kubet-payment-list span:nth-child(2n){color:#ff8d18}.kubet-payment-list span:nth-child(3n){color:#2d98ff}

.join-cta{display:none}.site-footer{background:#020a16;border-top:1px solid rgba(38,135,244,.25);color:#c9d7e9}.footer-grid{padding-top:38px}.site-footer h3{color:#fff}.site-footer a{color:#b9cbe1}.site-footer a:hover{color:var(--kubet-orange)}.copyright{border-top-color:rgba(255,255,255,.08);color:#7890aa}

@media(max-width:1100px){.main-menu{gap:15px}.header-actions{display:none}.kubet-hero__grid{grid-template-columns:52% 48%}.kubet-proof__grid{grid-template-columns:repeat(2,1fr)}.kubet-product-grid{grid-template-columns:repeat(2,1fr)}.kubet-promo-grid{grid-template-columns:repeat(2,1fr)}.kubet-seo-grid{grid-template-columns:220px minmax(0,1fr)}.kubet-seo-faq{grid-column:1/-1}.kubet-latest-grid{grid-template-columns:repeat(2,1fr)}.kubet-view-all{min-height:180px}}
@media(max-width:820px){.site-header,.header-inner{height:64px}.nav-toggle{display:block}.nav-toggle span{background:#fff}.main-nav{top:64px;background:#03152d}.main-menu{display:block}.main-menu a{color:#fff}.kubet-hero__grid{grid-template-columns:1fr}.kubet-hero__content{padding:48px 0 22px}.kubet-hero__visual{height:360px}.kubet-highlight-strip__grid{grid-template-columns:1fr}.kubet-notice{grid-template-columns:auto 1fr}.kubet-notice a{display:none}.kubet-seo-grid{grid-template-columns:1fr}.kubet-seo-tabs{display:flex;overflow-x:auto}.kubet-seo-tabs button{flex:0 0 220px;margin:0 8px 0 0}.kubet-seo-faq{grid-column:auto}.kubet-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(100% - 24px,1380px)}.kubet-hero h1{font-size:35px}.kubet-hero__actions{flex-direction:column}.kubet-hero__actions .btn{width:100%}.kubet-hero__trust{gap:12px}.kubet-hero__visual{height:270px}.kubet-proof__grid,.kubet-product-grid,.kubet-promo-grid,.kubet-latest-grid{grid-template-columns:1fr}.kubet-proof article{padding:14px}.kubet-product-card{min-height:195px}.kubet-product-card__content{width:70%;padding:20px 16px}.kubet-promo-card{min-height:135px}.kubet-section-title>span{width:22px}.kubet-section-title h2{font-size:20px}.kubet-section-title h2:before,.kubet-section-title h2:after{display:none}.kubet-seo-panels{padding:20px;min-height:0}.kubet-seo-panel h3{font-size:22px}.kubet-payment-list{gap:16px}.kubet-payment-list span{font-size:15px}}