.hero{background:linear-gradient(rgba(0,48,102,0.82),rgba(0,77,162,0.88)),url('../../uploads/rj.jpg') center/cover;color:white;padding:56px 40px;text-align:center;}.hero-content{max-width:1300px;margin:0 auto;background:rgba(255,255,255,0.08);padding:28px;border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.hero h1{font-size:clamp(1.6rem,3.5vw,2.5rem);margin-bottom:12px;line-height:1.2;font-weight:800;}.hero p{font-size:1.05rem;margin-bottom:24px;opacity:0.95;}.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}.btn{padding:10px 24px;border-radius:50px;font-weight:700;text-decoration:none;transition:0.3s;font-size:0.95rem;border:none;cursor:pointer;display:inline-block;}.btn-primary{background:var(--orange);color:white;box-shadow:0 4px 12px rgba(255,140,0,0.3);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,140,0,0.5);}.btn-secondary{background:white;color:var(--blue);}.btn-secondary:hover{background:#f0f0f0;transform:translateY(-2px);}.section{padding:48px 40px;}.section-inner{max-width:1180px;margin:0 auto;}.section-header{text-align:center;margin-bottom:32px;}.section-header h2{font-size:2rem;color:var(--blue);margin-bottom:8px;font-weight:800;}.section-header p{color:var(--muted);font-size:1.25rem;}.grid{display:grid;gap:24px;}.grid-3{grid-template-columns:repeat(3,1fr);}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.grid-3{grid-template-columns:1fr;}}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;}.why-grid > div:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1);}@media (max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.why-grid{grid-template-columns:1fr;}}.card{background:white;border-radius:12px;padding:16px;text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 4px 20px rgba(0,0,0,0.03);border-top:4px solid var(--blue);display:flex;flex-direction:column;height:100%;position:relative;}.card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px rgba(0,61,130,0.08);border-top-color:var(--orange);}.card-icon{font-size:1.5rem;margin-bottom:10px;display:block;}.card-title{font-size:1.05rem;color:var(--blue);margin-bottom:6px;font-weight:700;}.card-text{color:var(--muted);margin-bottom:12px;flex-grow:1;font-size:0.85rem;line-height:1.4;}.card-btn{color:var(--orange);font-weight:700;display:flex;align-items:center;gap:6px;font-size:0.85rem;}.game-section{background:#eef2f7;}.game-card{background:#fffcf8;border-top-color:var(--orange);}.game-card:hover{border-top-color:var(--blue);}.stats{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);color:white;padding:32px 40px;text-align:center;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;}.stat-val{font-size:2rem;font-weight:900;color:var(--orange);display:block;}.stat-label{font-size:0.95rem;opacity:0.85;}.post-card{overflow:hidden;padding:0;border-top-color:var(--blue);}.post-card:hover{border-top-color:var(--orange);}.post-img{width:100%;aspect-ratio:16/9;object-fit:cover;}.post-content{padding:16px;}.post-date{color:var(--orange);font-size:0.8rem;font-weight:700;margin-bottom:4px;display:block;}.scroll-section{position:relative;margin:0 -20px;padding:0 20px;}.scroll-container{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:10px 5px 20px;-ms-overflow-style:none;scrollbar-width:none;justify-content:center;}.scroll-container::-webkit-scrollbar{display:none;}.scroll-container .card{flex:0 0 260px;min-width:260px;background:#f7faff;border-top-color:var(--blue);}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:white;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.12);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--blue);transition:all 0.3s;}.scroll-btn:hover{background:var(--orange);color:white;transform:translateY(-50%) scale(1.08);}.scroll-btn-left{left:0;}.scroll-btn-right{right:0;}@media (max-width:600px){.scroll-btn{width:32px;height:32px;font-size:0.95rem;}.scroll-container{gap:12px;justify-content:flex-start;}.scroll-container .card{flex:0 0 220px;min-width:220px;}}@media (max-width:600px){.section{padding:36px 16px;}.hero{padding:48px 16px;}.btn{width:auto;min-width:140px;}}@media (max-width:480px){.section{padding:24px 12px;}.hero{padding:32px 12px;}.stats{padding:24px 12px;}.stats-grid{gap:16px;}.scroll-section{margin:0 -12px;padding:0 12px;}}.hero-slider{position:relative;max-width:100%;margin:40px auto 0;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.4);border:4px solid rgba(255,255,255,0.2);}.hero-slider-inner{display:flex;height:100%;transition:transform 0.5s cubic-bezier(0.25,0.8,0.25,1);}.hero-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;}.hero-slide::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:inherit;background-size:cover;background-position:center;filter:blur(15px) brightness(0.5);transform:scale(1.1);z-index:1;}.hero-slide img{position:relative;width:100%;height:100%;object-fit:contain;z-index:2;}.hero-slide-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 35px 20px;background:linear-gradient(to top,rgba(0,0,0,0.85),transparent);color:white;text-align:center;z-index:3;}.hero-slide-title{margin:0 auto;font-size:1.35rem;font-weight:800;color:#fff;background:var(--orange);display:inline-block;padding:6px 18px;border-radius:50px;box-shadow:0 4px 15px rgba(255,140,0,0.5);text-shadow:0 1px 2px rgba(0,0,0,0.2);position:relative;}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background 0.3s;z-index:10;}.slider-btn:hover{background:var(--orange);}.slider-btn-prev{left:15px;}.slider-btn-next{right:15px;}.slider-dots{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;}.slider-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:background 0.3s;}.slider-dot.active{background:var(--orange);box-shadow:0 0 5px rgba(0,0,0,0.5);}@media (max-width:600px){.hero-slider{height:350px;margin:30px auto 0;}.hero-slide-title{font-size:1.05rem;}}