.load1{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:99999;transition:opacity 0.6s ease,visibility 0.6s ease;opacity:1;visibility:visible}
.loadbg1{background:#080b12}
.load1.hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader-ring{width:80px;height:80px;border-radius:50%;border:6px solid rgba(0,200,255,0.1);border-top:6px solid #00ccff;border-right:6px solid #3a8cff;animation:spin 1s cubic-bezier(0.6,0,0.4,1) infinite;box-shadow:0 0 40px rgba(0,150,255,0.2)}
.preloader-text{margin-top:28px;font-weight:600;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#a0f0ff,#3a8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 1.4s ease-in-out infinite;font-size:1.2rem}
.preloader-sub{margin-top:6px;color:#5588bb;font-size:0.8rem;letter-spacing:2px;opacity:0.7}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}@keyframes pulse{0%,100%{opacity:0.6;transform:scale(0.98)}
50%{opacity:1;transform:scale(1.04)}
}body{background:#0b0d15;color:#e0eaff;font-family:'Inter','Segoe UI',system-ui,sans-serif;letter-spacing:0.3px}
.tech-bg{background:radial-gradient(circle at 20% 30%,#13203a,#080b12 80%);position:relative;overflow:hidden}
.tech-bg::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}
.tech-bg > *{position:relative;z-index:2}
.navbar-glass{background:rgba(8,14,26,0.75);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(0,255,255,0.25);box-shadow:0 8px 32px rgba(0,0,0,0.6),0 0 15px rgba(0,180,255,0.2)}
.navbar-glass .navbar-brand{font-weight:700;font-size:1.6rem;background:linear-gradient(135deg,#a0f0ff,#3a8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,180,255,0.4);letter-spacing:1px}
.navbar-glass .navbar-brand i{-webkit-text-fill-color:#00e5ff;margin-right:8px;filter:drop-shadow(0 0 6px #00ccff)}
.navbar-glass .nav-link{color:#b8d0f0 !important;font-weight:500;margin:0 6px;padding:8px 12px;border-radius:30px;transition:all 0.25s ease;position:relative;letter-spacing:0.5px}
.navbar-glass .nav-link:hover,.navbar-glass .nav-link.active{color:#fff !important;background:rgba(0,200,255,0.12);box-shadow:0 0 20px rgba(0,150,255,0.3);text-shadow:0 0 12px #00a6ff}
.navbar-glass .nav-link i{margin-right:6px;color:#5bb8ff}
.btn-neon{background:transparent;border:1.5px solid #00ccff;color:#00e5ff;border-radius:40px;padding:6px 20px;font-weight:600;letter-spacing:0.5px;transition:0.3s;box-shadow:0 0 12px rgba(0,180,255,0.2)}
.btn-neon:hover{background:#00ccff;color:#0b0d15;box-shadow:0 0 30px #00a6ff,inset 0 0 10px #ffffff;transform:scale(1.04);border-color:#80eaff}
.btn-outline-cyan{border-color:#2a8cff;color:#8ccbff}
.btn-outline-cyan:hover{background:#2a8cff;color:#0b0d15;box-shadow:0 0 30px #0077ff}
.display-future{font-weight:800;font-size:calc(2.8rem + 2.5vw);background:linear-gradient(135deg,#e0f0ff,#6ab0ff,#a0e0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(0,140,255,0.3);letter-spacing:2px}
.glow-text{text-shadow:0 0 30px rgba(0,200,255,0.5)}
.game-card{background:rgba(12,22,40,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,200,255,0.2);border-radius:28px;padding:1.8rem 1.2rem;transition:0.3s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,0.8),inset 0 0 0 rgba(0,255,255,0);height:100%}
.game-card:hover{transform:translateY(-8px);border-color:#00ccff;box-shadow:0 20px 40px -8px #001d3d,0 0 30px rgba(0,150,255,0.3);background:rgba(16,32,60,0.7)}
.game-card .icon-big{font-size:3.4rem;color:#40d0ff;filter:drop-shadow(0 0 16px #0088ff)}
.game-card h5{font-weight:700;letter-spacing:1px;margin-top:0.8rem;color:#c8e2ff}
.game-card p{color:#9bb8e6;font-size:0.95rem}
.feature-icon{font-size:2.6rem;color:#48b0ff;filter:drop-shadow(0 0 12px #0077ff)}
.modal-content{background:rgba(10,22,42,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,200,255,0.3);border-radius:28px;box-shadow:0 0 60px rgba(0,100,255,0.2);color:#e0eaff}
.modal-header{border-bottom:1px solid rgba(0,200,255,0.15);padding:1.2rem 1.8rem}
.modal-header .btn-close{filter:invert(0.8) drop-shadow(0 0 6px cyan);opacity:0.8}
.modal-header .btn-close:hover{opacity:1;filter:invert(1) drop-shadow(0 0 12px cyan)}
.modal-title{font-weight:700;background:linear-gradient(135deg,#a0f0ff,#3a8cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:0.5px}
.modal-body{padding:1.8rem;color:#c8e2ff}
.modal-body .popup-icon{font-size:3.5rem;color:#40d0ff;filter:drop-shadow(0 0 30px #0088ff);margin-bottom:0.8rem}
.modal-footer{border-top:1px solid rgba(0,200,255,0.15);padding:1rem 1.8rem}
.modal-footer .btn-neon-modal{background:transparent;border:1.5px solid #00ccff;color:#00e5ff;border-radius:40px;padding:8px 28px;font-weight:600;transition:0.3s;box-shadow:0 0 12px rgba(0,180,255,0.2)}
.modal-footer .btn-neon-modal:hover{background:#00ccff;color:#0b0d15;box-shadow:0 0 30px #00a6ff;transform:scale(1.04)}
.modal-footer .btn-primary-modal{background:linear-gradient(135deg,#0066cc,#0044aa);border:1px solid #00aaff;color:white;border-radius:40px;padding:8px 28px;font-weight:600;transition:0.3s;box-shadow:0 0 20px rgba(0,100,255,0.2)}
.modal-footer .btn-primary-modal:hover{background:#00aaff;color:#0b0d15;box-shadow:0 0 40px #00aaff;transform:scale(1.04);border-color:#80eaff}
.download-card{background:rgba(12,22,40,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,200,255,0.2);border-radius:28px;padding:2rem 1.5rem;transition:0.3s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,0.8);height:100%;text-align:center}
.download-card:hover{transform:translateY(-10px);border-color:#00ccff;box-shadow:0 20px 40px -8px #001d3d,0 0 40px rgba(0,150,255,0.25);background:rgba(16,32,60,0.7)}
.download-card .os-icon{font-size:4.5rem;color:#40d0ff;filter:drop-shadow(0 0 20px #0088ff);margin-bottom:0.8rem}
.download-card h4{font-weight:700;color:#c8e2ff;letter-spacing:0.5px}
.download-card .version-info{color:#8aacd0;font-size:0.9rem;margin:0.5rem 0 1rem}
.download-card .btn-download{background:linear-gradient(135deg,#0066cc,#0044aa);border:1px solid #00aaff;color:white;padding:10px 32px;border-radius:40px;font-weight:600;transition:0.3s;box-shadow:0 0 20px rgba(0,100,255,0.2);text-decoration:none;display:inline-block}
.download-card .btn-download:hover{background:#00aaff;color:#0b0d15;box-shadow:0 0 40px #00aaff;transform:scale(1.05);border-color:#80eaff}
.download-card .file-size{display:inline-block;margin-top:0.8rem;color:#5588bb;font-size:0.8rem;background:rgba(0,200,255,0.08);padding:4px 14px;border-radius:30px;border:1px solid rgba(0,200,255,0.1)}
.help-card{background:rgba(12,22,40,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,200,255,0.2);border-radius:28px;padding:1.8rem 1.2rem;transition:0.3s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,0.8);height:100%;cursor:pointer}
.help-card:hover{transform:translateY(-8px);border-color:#00ccff;box-shadow:0 20px 40px -8px #001d3d,0 0 30px rgba(0,150,255,0.3);background:rgba(16,32,60,0.7)}
.help-card .help-icon{font-size:2.8rem;color:#40d0ff;filter:drop-shadow(0 0 16px #0088ff);margin-bottom:0.8rem}
.help-card h5{font-weight:700;letter-spacing:0.5px;color:#c8e2ff}
.help-card p{color:#9bb8e6;font-size:0.9rem}
.help-card .badge-count{background:rgba(0,200,255,0.15);color:#80d0ff;border:1px solid rgba(0,200,255,0.25);font-weight:500;padding:4px 12px;border-radius:30px;font-size:0.75rem}
.faq-item{background:rgba(12,22,40,0.4);backdrop-filter:blur(4px);border:1px solid rgba(0,200,255,0.1);border-radius:16px;padding:1rem 1.2rem;transition:0.2s}
.faq-item:hover{border-color:rgba(0,200,255,0.3);background:rgba(16,32,60,0.5)}
.faq-item .faq-q{color:#b0daff;font-weight:600}
.faq-item .faq-a{color:#8aacd0;font-size:0.95rem;padding-left:1.5rem;border-left:2px solid rgba(0,200,255,0.2);margin-top:0.5rem}
.lang-dropdown{background:rgba(0,20,40,0.5);border:1px solid rgba(0,200,255,0.25);border-radius:40px;padding:4px 12px 4px 16px;color:#b8d0f0;font-size:0.85rem;font-weight:500;cursor:pointer;transition:0.3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;gap:6px}
.lang-dropdown:hover{border-color:#00ccff;background:rgba(0,40,80,0.5);box-shadow:0 0 20px rgba(0,150,255,0.15)}
.lang-dropdown select{background:transparent;border:none;color:#b8d0f0;font-weight:500;font-size:0.85rem;padding:6px 4px 6px 0;outline:none;cursor:pointer}
.lang-dropdown select option{background:#0b1a2a;color:#e0eaff}
.lang-dropdown i{color:#5bb8ff;font-size:0.9rem}
.game-scroll-wrapper{background:rgba(4,12,24,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(0,200,255,0.15);border-bottom:1px solid rgba(0,200,255,0.15);padding:1.5rem 0;margin-top:2rem}
.game-scroll-wrapper .section-label{font-size:0.9rem;font-weight:600;color:#8aacd0;letter-spacing:2px;text-transform:uppercase;padding:0 0.5rem 0.8rem 0.5rem;display:flex;align-items:center;gap:10px}
.game-scroll-wrapper .section-label i{color:#40d0ff;font-size:1.2rem}
.game-scroll-container{display:flex;overflow-x:auto;gap:20px;padding:0.5rem 0.5rem 1rem 0.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#1b6b9e transparent}
.game-scroll-container::-webkit-scrollbar{height:6px}
.game-scroll-container::-webkit-scrollbar-track{background:rgba(0,20,40,0.3);border-radius:12px}
.game-scroll-container::-webkit-scrollbar-thumb{background:#1b6b9e;border-radius:12px;border:1px solid #00bbff}
.game-scroll-item{flex:0 0 160px;min-width:160px;background:rgba(12,22,40,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(0,200,255,0.12);border-radius:18px;padding:12px 10px 14px 10px;text-align:center;transition:0.25s ease;cursor:default}
.game-scroll-item:hover{transform:translateY(-4px);border-color:rgba(0,200,255,0.4);background:rgba(16,32,60,0.7);box-shadow:0 8px 25px rgba(0,100,200,0.15)}
.game-scroll-item .game-img{width:100%;aspect-ratio:1/1;border-radius:14px;background:radial-gradient(circle at 30% 30%,#1a3a5a,#091828);display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#40d0ff;border:1px solid rgba(0,200,255,0.15);margin-bottom:10px;transition:0.3s;box-shadow:inset 0 0 30px rgba(0,50,100,0.2)}
.game-scroll-item:hover .game-img{border-color:#00ccff;box-shadow:0 0 30px rgba(0,150,255,0.15)}
.game-scroll-item .game-name{font-weight:600;font-size:0.85rem;color:#c8e2ff;letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-scroll-item .game-sub{font-size:0.7rem;color:#6a8aaa;margin-top:2px}
.contact-card{background:rgba(12,22,40,0.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,200,255,0.2);border-radius:28px;padding:1.8rem 1.2rem;transition:0.3s ease;box-shadow:0 10px 30px -10px rgba(0,0,0,0.8);height:100%;text-align:center}
.contact-card:hover{transform:translateY(-6px);border-color:#00ccff;box-shadow:0 20px 40px -8px #001d3d,0 0 30px rgba(0,150,255,0.2);background:rgba(16,32,60,0.7)}
.contact-card .contact-icon{font-size:2.8rem;color:#40d0ff;filter:drop-shadow(0 0 16px #0088ff);margin-bottom:0.6rem}
.contact-card h5{font-weight:700;color:#c8e2ff;letter-spacing:0.5px}
.contact-card p{color:#9bb8e6;font-size:0.9rem;margin-bottom:0.3rem}
.contact-card .contact-status{font-size:0.75rem;color:#4ade80;display:inline-flex;align-items:center;gap:4px;background:rgba(74,222,128,0.1);padding:2px 12px;border-radius:30px;border:1px solid rgba(74,222,128,0.2)}
.form-control-neon{background:rgba(8,18,34,0.7);border:1px solid rgba(0,200,255,0.2);border-radius:16px;color:#e0eaff;padding:12px 18px;transition:0.3s;backdrop-filter:blur(4px)}
.form-control-neon:focus{border-color:#00ccff;box-shadow:0 0 25px rgba(0,150,255,0.15),inset 0 0 15px rgba(0,150,255,0.05);background:rgba(12,28,48,0.8);color:#fff;outline:none}
.form-control-neon::placeholder{color:#6a8aaa;font-weight:300;letter-spacing:0.3px}
.form-control-neon:disabled{opacity:0.5}
.form-label{color:#b0daff;font-weight:500;font-size:0.9rem;letter-spacing:0.3px;margin-bottom:4px}
.footer-cyber{background:rgba(4,8,18,0.9);backdrop-filter:blur(8px);border-top:1px solid rgba(0,200,255,0.2)}
@media (max-width:992px){.navbar-glass .nav-link{margin:4px 0}
}::-webkit-scrollbar{width:10px;background:#0a111f}
::-webkit-scrollbar-thumb{background:#1b6b9e;border-radius:12px;border:1px solid #00bbff}