*{margin:0;padding:0;box-sizing:border-box}body{font-family:"M PLUS Rounded 1c",sans-serif;background:linear-gradient(135deg,#1e3a8a,#3730a3,#6366f1,#8b5cf6,#a855f7);background-attachment:fixed;min-height:100vh;color:#fff;overflow-x:hidden}body.no-scroll{overflow:hidden;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1e3a8ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{background:none;border:none;display:flex;flex-direction:column;gap:3px;cursor:pointer;padding:8px}.menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px}.logo{font-size:24px;font-weight:900;color:#fbbf24}.logo-img{height:28px;display:block}.logo-target{background:linear-gradient(45deg,#ef4444,#f97316);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative}.logo-target:after{content:"🎯";position:absolute;top:-8px;right:-8px;font-size:12px}.header-center{flex:1;max-width:600px;margin:0 20px}.search-container{position:relative;width:100%}.search-input{width:100%;padding:12px 50px 12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:14px;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#ffffffb3}.search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.header-right{display:flex;gap:12px}.btn-login,.btn-register{padding:10px 20px;border:none;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-login{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-register{background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff}.btn-login:hover,.btn-register:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.main-container{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:200px;background:linear-gradient(180deg,#1e40af,#1e3a8a);border-right:1px solid rgba(255,255,255,.1);padding:0;flex-shrink:0;transition:width .3s ease}.sidebar.collapsed{width:0;border-right:0}.sidebar.collapsed .sidebar-nav{display:none}.sidebar-nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fffc;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f64d;color:#fff;border-left:3px solid #fbbf24}.nav-item.featured{background:linear-gradient(45deg,#f59e0b,#d97706)}.nav-icon{font-size:16px;width:20px;text-align:center}.nav-text{font-size:11px;font-weight:600;letter-spacing:.5px}.nav-badge{margin-left:auto;background:#fff3;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.main-content{flex:1;padding:20px;overflow-y:auto}.hero-banner{background:linear-gradient(135deg,#3b82f6cc,#9333eacc);border-radius:20px;padding:40px;margin-bottom:30px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:50%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><g opacity="0.3"><circle cx="350" cy="50" r="30" fill="%23fbbf24"/><circle cx="320" cy="100" r="20" fill="%23ef4444"/><path d="M280 80 L320 120 L300 160 L260 140 Z" fill="%2322c55e"/></g></svg>') no-repeat center;background-size:contain;opacity:.6}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#00000040 40%,#00000059);pointer-events:none}.banner-content{position:relative;z-index:2}.banner-text{max-width:520px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.welcome-badge{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;margin-bottom:20px;letter-spacing:.5px}.bonus-title{font-size:36px;font-weight:900;margin-bottom:25px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.cta-button{background:linear-gradient(45deg,#22c55e,#16a34a);color:#fff;border:none;padding:16px 32px;border-radius:25px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22c55e66;letter-spacing:1px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e99}.banner-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;width:24px;border-radius:4px}.game-categories{margin-bottom:30px}.category-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-btn{display:flex;align-items:center;gap:8px;background:#3b82f64d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 20px;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px}.category-btn:hover{background:#3b82f680;transform:translateY(-1px)}.category-btn.active{background:linear-gradient(45deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f666}.category-icon{font-size:14px}.games-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header .section-title{font-size:24px;font-weight:700;color:#fff}.view-all{color:#60a5fa;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease}.view-all:hover{color:#3b82f6}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.game-card{background:#ffffff1a;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d;background:#ffffff26}.game-number{position:absolute;top:10px;left:10px;background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;z-index:3;box-shadow:0 2px 8px #0000004d}.game-image{width:100%;height:240px;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-image{transform:scale(1.05)}.game-title{padding:12px;font-size:12px;font-weight:700;text-align:center;color:#fff;letter-spacing:.5px;background:#0000004d}@media (max-width: 1200px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.category-buttons{gap:8px}.category-btn{padding:10px 16px;font-size:11px}}@media (max-width: 768px){.main-container{flex-direction:column}.sidebar{width:min(82vw,320px);order:2;position:fixed;top:70px;left:0;bottom:0;z-index:1001;transform:translate(-100%);transition:transform .3s ease;box-shadow:12px 0 24px #00000059}.sidebar.mobile-open{transform:translate(0)}.mobile-dim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.mobile-dim.show{opacity:1;pointer-events:auto}.sidebar-nav{flex-direction:column;overflow-y:auto;max-height:calc(100vh - 70px);padding:10px}.nav-item{flex-shrink:0;border-bottom:none;border-right:1px solid rgba(255,255,255,.05)}.header{flex-wrap:wrap;gap:10px}.header-center{order:3;width:100%;margin:10px 0 0}.hero-banner{padding:20px;text-align:center}.banner-text{margin:0 auto}.bonus-title{font-size:28px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.category-buttons{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.category-btn{flex-shrink:0}}@media (max-width: 480px){.header-left,.header-right{gap:8px}.btn-login,.btn-register{padding:8px 14px;font-size:11px}.main-content{padding:15px}.bonus-title{font-size:24px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.article-section{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;padding:24px;margin:30px 0;color:#fff}.article-section h1{font-size:28px;font-weight:800;margin-bottom:16px}.article-section h2{font-size:22px;font-weight:800;margin:24px 0 12px}.article-section h3{font-size:18px;font-weight:800;margin:20px 0 10px}.article-section p{margin:0 0 12px;line-height:1.65}.article-section ul,.article-section ol{margin:8px 0 16px 20px}.article-section li{margin:6px 0}.article-section a{color:#93c5fd;text-decoration:underline}@media (max-width: 768px){.article-section{padding:18px}.article-section h1{font-size:24px}.article-section h2{font-size:20px}}.site-footer{margin-top:30px;border-top:1px solid rgba(255,255,255,.15);background:#1e3a8a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-footer-inner{max-width:1200px;margin:0 auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-left{display:flex;align-items:center;gap:10px}.footer-logo{height:26px}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-link{color:#cbd5e1;text-decoration:none;font-size:13px}.footer-link:hover{color:#fff;text-decoration:underline}.footer-copy{color:#9ca3af;font-size:12px}@media (max-width: 768px){.site-footer-inner{flex-direction:column;align-items:flex-start;gap:10px}}