:root{--dark:#0b1b2f;--nav:#20252a;--blue:#086af3;--gold:#ffc400;--red:#e92e46;--text:#111827;--muted:#5b6472;--bg:#f5f7fb;--card:#fff;--shadow:0 18px 45px rgba(15,35,70,.10)}*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:9;background:rgba(32,37,42,.96);backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(0,0,0,.16)}.nav{height:66px;display:flex;align-items:center;gap:28px}.brand{font-size:24px;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:9px}.brand img{width:32px}.menu{display:flex;gap:22px;color:#d7dee8}.menu a:hover,.menu a.active{color:#fff}.search{margin-left:auto;display:flex;gap:8px}.search input{height:38px;border:0;border-radius:6px;padding:0 14px;width:220px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 20px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.gold{background:var(--gold);color:#111}.btn.outline{border-color:#c7d2e5;color:#fff}.btn.blue{background:var(--blue);color:white}.hero{background:radial-gradient(circle at 80% 20%,#1d4772 0,#102d4c 38%,#0b1f37 100%);color:white;padding:78px 0 72px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero h1{font-size:56px;line-height:1.12;margin:0 0 22px;font-weight:900}.hero h1 span{display:block;color:var(--gold)}.hero p{font-size:21px;color:#ecf4ff;margin:0 0 24px}.hero-meta{color:#c4cfdd;margin-top:18px}.hero-card{text-align:center}.hero-card img{width:min(360px,100%);border-radius:18px;box-shadow:0 28px 60px rgba(0,0,0,.28)}.section{padding:62px 0}.section.white{background:white}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.section-title{font-size:32px;line-height:1.2;font-weight:900;margin:0;display:inline-block;border-bottom:4px solid var(--blue);padding-bottom:8px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.live-card{background:white;border-radius:18px;padding:14px;box-shadow:var(--shadow);transition:.25s}.live-card:hover{transform:translateY(-6px)}.thumb{height:150px;border-radius:10px;background:url('hero-live.png') center/cover;position:relative;overflow:hidden}.badge{position:absolute;right:10px;top:10px;background:var(--red);color:white;border-radius:20px;padding:4px 10px;font-weight:800;font-size:13px}.live-card h3{margin:16px 0 6px;font-size:21px;line-height:1.25}.live-card p{margin:0;color:var(--muted)}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.views{background:#f3f6fa;border-radius:7px;padding:3px 8px;font-weight:800}.tag{background:var(--red);color:white;border-radius:7px;padding:5px 10px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{display:flex;gap:18px;align-items:flex-start}.feature .ico{font-size:46px}.feature h3{font-size:25px;margin:0 0 4px}.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{background:white;border-left:6px solid var(--blue);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.faq-item h3{margin:0 0 8px}.promo{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:center}.promo img{width:100%;border-radius:14px;box-shadow:var(--shadow)}.list-check{font-size:18px}.footer{background:#0b1524;color:#cfd8e8;padding:34px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px}.footer a{margin-left:24px;color:#cfd8e8}.copyright{margin-top:16px;color:#9aa8bc}.page-hero{padding:56px 0;background:linear-gradient(135deg,#102d4c,#071425);color:white}.page-hero h1{font-size:42px;margin:0}.content-card{background:white;border-radius:18px;padding:28px;box-shadow:var(--shadow)}.schedule-table{width:100%;border-collapse:collapse}.schedule-table th,.schedule-table td{padding:16px;border-bottom:1px solid #edf1f7;text-align:left}.schedule-table th{background:#f7f9fd}.chatbox{display:grid;grid-template-columns:1fr 330px;gap:24px}.chat-main{min-height:360px;background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.chat-side{background:#102d4c;color:white;border-radius:18px;padding:24px}.app-box{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:900px){.hero-grid,.promo,.chatbox,.app-box{grid-template-columns:1fr}.grid-4,.features,.faq{grid-template-columns:1fr 1fr}.search{display:none}.hero h1{font-size:42px}}@media(max-width:560px){.menu{display:none}.grid-4,.features,.faq{grid-template-columns:1fr}.hero{padding:52px 0}.hero h1{font-size:34px}.footer-row{display:block}.footer a{display:inline-block;margin:12px 18px 0 0}}

/* Enhanced motion effects */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(255,196,0,.11),transparent 24%),radial-gradient(circle at 86% 8%,rgba(8,106,243,.13),transparent 26%),radial-gradient(circle at 50% 100%,rgba(233,46,70,.08),transparent 30%);z-index:-1}.hero{position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(7,20,37,.94),rgba(16,45,76,.86)),url('worldcup-trophy.jpg') center/cover fixed}.hero::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg,transparent,rgba(255,196,0,.18),transparent 28%);animation:spinGlow 18s linear infinite}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.10) 45%,transparent 58%);transform:translateX(-90%);animation:lightSweep 6s ease-in-out infinite}.hero .container{position:relative;z-index:1}.hero-card img,.promo img,.news-card img{transition:transform .45s ease,filter .45s ease}.hero-card:hover img,.promo:hover img,.news-card:hover img{transform:scale(1.045);filter:saturate(1.12)}.live-card,.feature,.faq-item,.content-card,.news-card{position:relative;overflow:hidden}.live-card::before,.faq-item::before,.news-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,196,0,.12),transparent);transform:translateX(-120%);transition:.7s}.live-card:hover::before,.faq-item:hover::before,.news-card:hover::before{transform:translateX(120%)}.badge{animation:pulseLive 1.35s ease-in-out infinite}.section-title{animation:titleFloat 4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:translateY(0)}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.news-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);transition:.28s}.news-card:hover{transform:translateY(-8px)}.news-card img{width:100%;height:168px;object-fit:cover;display:block}.news-body{padding:18px}.news-kicker{display:inline-flex;background:#eef5ff;color:var(--blue);border-radius:999px;padding:3px 10px;font-weight:900;font-size:12px}.news-card h3{font-size:20px;line-height:1.32;margin:12px 0 8px}.news-card p{margin:0;color:var(--muted)}.news-card a{display:inline-block;margin-top:14px;color:var(--red);font-weight:900}.float-ball{position:absolute;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 25%,#111 26% 32%,#fff 33% 54%,#111 55% 62%,#fff 63%);right:8%;bottom:36px;opacity:.12;animation:ballDrift 8s ease-in-out infinite}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.7;animation:sparkMove 5s linear infinite}.spark.s1{left:12%;top:22%;animation-delay:.2s}.spark.s2{left:33%;top:68%;animation-delay:1.1s}.spark.s3{left:76%;top:24%;animation-delay:2.3s}.spark.s4{left:86%;top:72%;animation-delay:3.2s}@keyframes spinGlow{to{transform:rotate(1turn)}}@keyframes lightSweep{0%,45%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}@keyframes pulseLive{50%{box-shadow:0 0 0 8px rgba(233,46,70,.16)}}@keyframes titleFloat{50%{transform:translateY(-3px)}}@keyframes ballDrift{50%{transform:translate(-30px,-22px) rotate(18deg)}}@keyframes sparkMove{50%{transform:translateY(-25px);opacity:1}100%{transform:translateY(-50px);opacity:0}}@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}.hero{background-attachment:scroll}}@media(max-width:560px){.news-grid{grid-template-columns:1fr}.news-card img{height:190px}.float-ball{display:none}}
.grid-4 .live-card:nth-child(1) .thumb{background-image:url('thumb-football-field.jpg')}.grid-4 .live-card:nth-child(2) .thumb{background-image:url('hero-live.png')}.grid-4 .live-card:nth-child(3) .thumb{background-image:url('thumb-track-sprint.jpg')}.grid-4 .live-card:nth-child(4) .thumb{background-image:url('thumb-ronaldo-shot.jpg')}