.hero-banner{position:relative;background:url(/assets/images/home/hero/hore-bg.png) no-repeat center center;background-size:cover}.hero-card{position:relative;display:grid;gap:24px;overflow:hidden;padding:30px 20px;background:linear-gradient(90deg,#ffffffa3,#eff8ff2e 45%,#dbefff38);box-shadow:0 24px 60px #4c87c32e;isolation:isolate}.hero-overlay{position:absolute;border-radius:999px;filter:blur(8px);z-index:0}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 0 16px;max-width:600px;margin-left:20%}.hero-kicker{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:14px;font-size:1.05rem;font-weight:800;letter-spacing:.12em;color:#4ba2ff;text-shadow:0 8px 24px rgba(86,163,255,.18)}.hero-copy h1{margin:0;font-size:clamp(2rem,4.2vw,3.45rem);line-height:1.06;font-weight:900;color:#1d73d6;text-shadow:0 10px 26px rgba(71,145,236,.15)}.hero-highlight{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;font-size:1rem;color:#2677ca}.hero-highlight strong{font-size:clamp(1.1rem,2.3vw,1.55rem);letter-spacing:.04em;color:#2a82e1}.hero-highlight-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(180deg,#ffd765,#ffb726);box-shadow:0 12px 24px #ffb72647;font-weight:800;color:#8a4d00}.hero-features{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0}.hero-features li{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(93,165,233,.22);border-radius:16px;background:#ffffffb8;box-shadow:0 12px 22px #7caedc1f;font-size:.98rem;font-weight:700;color:#407bc0;backdrop-filter:blur(6px)}.hero-features li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#66b8ff,#2d84e8);color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 8px 16px #2d84e840}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:164px;padding:14px 24px;border-radius:14px;font-size:1rem;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.hero-btn:hover{transform:translateY(-2px);filter:saturate(1.06)}.hero-btn-primary{background:linear-gradient(180deg,#33cf75,#21ae5d);color:#fff;box-shadow:0 16px 28px #29b66747}.hero-btn-secondary{background:linear-gradient(180deg,#5caefb,#2d84e8);color:#fff;box-shadow:0 16px 28px #2d84e83d}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1100px){.hero-banner{position:relative;background:url(/assets/images/home/hero/hero-bg-mobile.png) no-repeat 100% 100%}.hero-card{grid-template-columns:1fr;background:linear-gradient(90deg,#ffffffbd,#eff8ffc7 45%,#dbefff9e);padding:34px 28px 28px}.hero-copy{max-width:none;align-items:center;text-align:center;margin-left:0%}.hero-copy h1{max-width:none}.hero-features,.hero-actions,.hero-highlight{justify-content:center}}@media(max-width:768px){.hero-card{padding:24px 18px 18px;border-radius:24px}.hero-kicker{margin-bottom:10px;font-size:.92rem}.hero-copy h1{font-size:clamp(1.7rem,9vw,2.5rem)}.hero-highlight{gap:10px;margin-top:14px}.hero-highlight strong{font-size:1.02rem}.hero-highlight-pill,.hero-features li,.hero-btn{width:80%;justify-content:center}.hero-actions{width:100%}.hero-btn{min-width:0}}.latest-posts-section{padding:18px 0 12px}.latest-posts-shell{position:relative}.latest-heading{max-width:760px;margin:0 auto 28px;text-align:center}.latest-kicker{display:inline-flex;margin-bottom:10px;padding:6px 12px;background:#3e8ae21f;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#3482db}.latest-heading h2{font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.2;color:#185fb8}.latest-heading p{margin:14px 0 0;line-height:1.75}.latest-posts-slider{position:relative;padding:0 18px}.latest-card{display:block;overflow:hidden}.latest-card-image{overflow:hidden;aspect-ratio:1.4 / 1}.latest-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.latest-card:hover .latest-card-image img{transform:scale(1.04)}.latest-card-body{padding:16px 16px 18px}.latest-card h3{display:-webkit-box;overflow:hidden;min-height:3.4em;font-size:1rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.latest-card-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:#2d84e8}.latest-card-link:after{content:">"}.latest-nav{position:absolute;top:50%;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;background:#ffffffeb;box-shadow:0 12px 22px #5993ce2e;color:#2d84e8;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.latest-posts-slider:hover .latest-nav{opacity:1;pointer-events:auto}.latest-nav:hover{background:#fff;transform:translateY(calc(-50% - 2px))}.latest-nav svg{width:20px;height:20px}.latest-nav-prev{left:-4px}.latest-nav-next{right:-4px}@media(max-width:768px){.latest-posts-slider{padding:0 8px}.latest-nav{display:none}}.games-section{background-color:#fff;padding:30px 0}.games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;max-width:1200px;margin:0 auto}.game-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .3s ease}.game-card:hover{transform:translateY(-5px)}.game-image{width:100%;height:auto;border-radius:12px}.game-label{display:inline-block;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;margin-top:-15px;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px}@media(max-width:992px){.games-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:576px){.games-grid{grid-template-columns:repeat(2,1fr);gap:15px}.game-label{font-size:11px;padding:5px 12px}}.home-container{padding:0 0 16px;color:#334155}.home-container>section+section{margin-top:10px}@media(max-width:768px){.home-container{padding:0 0 20px}}