* {box-sizing: border-box;}
body.is-loading{overflow:hidden}
.page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px;background:#e5f2ffd4;opacity:1;visibility:visible;transition:opacity .38s ease,visibility .38s ease}
.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.page-loader-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.page-loader-logo{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:22px;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#2563eb,#22d3ee);box-shadow:0 16px 40px rgba(37,99,235,.28)}
.page-loader-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(37,99,235,.16);border-top-color:#2563eb;border-right-color:#22d3ee;animation:scannerLoaderSpin .8s linear infinite}
.page-loader-text{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#17408b}
@keyframes scannerLoaderSpin{to{transform:rotate(360deg)}}
body{color:#fff;background-color: #dee9ff;background:radial-gradient(800px 400px at 20%, #2563eb, #f4f6ff)}
body.night-mode{background: #161616;color: #fff;}
.btn-night i{font-size:18px}
h1{margin:1.5rem 1.5rem 0 1.5rem;line-height:1.12;letter-spacing:-.02em;font-weight: 700;z-index: 1}
.blue{color:var(--accent)}
.sub{margin: 0 1.5rem 1.5rem 1.5rem;color: var(--txt);line-height: 1.55;letter-spacing: 0.3px;max-width: 60ch;}
@media (max-width:480px) }
.wrap{max-width:1120px;margin:0 auto;padding: 0 1rem 3.5rem 1rem;}
:root{--bg0:#05080f;--bg1:#0a0f1a;--stroke:#ffffff1f;--txt:#e6f0ff;--muted:#e6f0ffa6;--primary:#2563eb;--cyan:#22d3ee;--ice:#60A5FA;--danger:#ff5c6a;--shadow:0 18px 70px #0000008c;--r:22px;--gold:#d6b35a;--accent:#22d3ee}
.topbar{margin: 1rem 0;}
.mnav{position:relative;width:100%}
.mnav-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem;background:#fff;border-radius:25px;box-shadow:0 3px 15px #2563eb1a}
.mnav-scroll::-webkit-scrollbar{display:none}
.mnav-list{list-style:none;display:flex;align-items:stretch;gap:1rem;margin:0;padding:0}
.mnav-list>li{margin:0 auto;text-align:center}
.mnav-link,.mnav-lang-btn{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border-radius:18px;color:#334155;font-weight:700;font-size:.62rem;transition:all .18s ease}
.mnav-link i,.mnav-lang-btn i{font-size:1.05rem;line-height:1;color:#334155;transition:all .18s ease}
.mnav-link span,.mnav-lang-btn span{line-height:.9}
.mnav-link:hover,.mnav-lang-btn:hover{background:#f4f7fb;transform:translateY(-3px)}
.mnav-link.active,.mnav-lang-btn.active{background:#eef4ff;color:#2563eb}
.mnav-link.active i,.mnav-lang-btn.active i{color:#2563eb}
.mnav-lang-btn i{color:#334155}
.mnav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:999px;background:#fff;box-shadow:0 6px 18px #00000059;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;opacity:0;pointer-events:none;transition:opacity .2s ease}
.mnav-arrow i{font-size:17px;color:#2563eb}
.mnav-arrow:hover{transform:translateY(-50%) scale(1.06)}
.mnav-arrow.show{opacity:1;pointer-events:auto}
.mnav-arrow.hidden{opacity:0;pointer-events:none}
.mnav-arrow.left{left:-7px}
.mnav-arrow.right{right:-7px}
@media (max-width:575.98px) {
.mnav-link,.mnav-lang-btn{min-width:60px;height:65px;font-size:.68rem}
.mnav-link i,.mnav-lang-btn i{font-size:1rem}
}
@media (min-width:576px) {
.mnav-link,.mnav-lang-btn{min-width:70px;height:60px;font-size:.64rem}
.mnav-link i,.mnav-lang-btn i{font-size:1.08rem}
}
@media (min-width:768px) {
.mnav-scroll{margin:0 auto}
.mnav{max-width:100%}
.mnav-link,.mnav-lang-btn{min-width:80px;height:63px;padding:0 .2rem;font-size:.68rem}
.mnav-link i,.mnav-lang-btn i{font-size:1.12rem}
}
.subnav{}
.subnav-wrap{display: flex;gap: .5rem;overflow: auto;scrollbar-width: none;border-radius:15px 15px 0 0;background: #fff;box-shadow: 0 10px 30px rgba(37,99,235,.10),0 4px 14px rgba(0,0,0,.06);}
.subnav-wrap::-webkit-scrollbar{display:none}
.subnav-btn{border: 0;background:transparent;padding: .25rem .7rem;font-size: .78rem;white-space: nowrap;transition: .2s ease;margin: 0 auto;line-height: 1;font-size: 8px;color: #000;text-decoration: none;text-align: center;}
.subnav-btn i{font-size:.95rem;opacity:.9;display: block;}
.subnav-btn:hover{color:#2563eb}
.subnav-btn:active{transform:scale(.97)}
.aside{text-align:center;margin: 1rem 0;}
.aside a{display:inline-block;opacity:0;transform:translateY(-18px);pointer-events:none;transition:transform .45s ease,opacity .45s ease;will-change:transform,opacity}
.aside a.is-show{opacity:1;transform:translateY(0);pointer-events:auto}
.aside img{width: 100%;height: auto}
.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}
.site-footer{padding:30px 20px;text-align:center;font-size:14px}
.footer-links{margin-bottom:12px}
.footer-links a{color:#000;text-decoration:none;margin:0 10px;font-weight:500;transition:opacity .2s ease}
.footer-links a:hover{opacity:.6}
.footer-copy{color:#4c4c4c;font-size:13px}
@media (max-width:480px) {
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}
.footer-links a::after{content:none}
}
.mnav-lang-btn{appearance:none;border:0;background:none;cursor:pointer;}
.mnav-lang-btn i {color:#000}
.lang-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;transition:opacity .22s ease,visibility .22s ease;}
.lang-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.lang-modal-backdrop{position:fixed;inset:0;background:rgba(209, 229, 255, 0.87);}
.lang-modal-dialog{position:relative;z-index:1;width:min(100%,560px);max-height:calc(100vh - 40px);margin:auto;transform:translateY(18px) scale(.98);transition:transform .22s ease;}
.lang-modal.is-open .lang-modal-dialog{transform:translateY(0) scale(1);}
.lang-modal-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(180deg,rgba(19,31,58,.96),rgba(10,18,34,.98));box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:visible;}
.lang-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 10px;}
.lang-modal-title{margin:0;display:flex;align-items:center;gap:10px;color:#eef4ff;font-size:1rem;font-weight:800;line-height:1.2;}
.lang-modal-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06);color:#eef4ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
.lang-modal-close:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
.lang-modal-body{padding:8px 18px 18px;overflow:visible;}
.lang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.lang-item{min-width:0;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 15px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.lang-item:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.5);background:rgba(96,165,250,.08);box-shadow:0 14px 34px rgba(0,0,0,.2);}
.lang-item.active{border-color: #63d2f4;background: linear-gradient(180deg,rgb(11, 51, 89),rgb(9, 38, 69));box-shadow: 0 12px 30px rgba(255, 255, 255, 0.08);}
.lang-name{color:#eef4ff;font-size:.98rem;font-weight:800;line-height:1.25;}
.lang-sub{color:#9eb0d3;font-size:.84rem;line-height:1.25;}
body.lang-modal-open{overflow:hidden;}
@media (max-width:640px){.lang-modal{padding:14px;align-items:flex-end;}.lang-modal-dialog{width:100%;max-height:calc(100vh - 28px);}.lang-modal-card{border-radius:22px 22px 16px 16px;}.lang-grid{grid-template-columns:1fr;}}
.me-3{margin-right: 1rem}
.scanner-fire{position:relative;color:#fff;background:linear-gradient(90deg,#ff3b00,#ff7a00,#ffb300,#ff3b00);background-size:300% 100%;animation:fireMove 3s linear infinite;box-shadow:0 0 6px rgba(255,80,0,.6),0 0 6px rgba(255,120,0,.5),0 0 6px rgba(255,170,0,.4)}
@keyframes fireMove{0%{background-position:0%}100%{background-position:300%}}
.hot-icon{display:inline-flex;align-items:center;transform-origin:center bottom;animation:hotFire .9s ease-in-out infinite;}
.hot-icon i{color:#ffd54a;}
.scanner-fire:hover{background:linear-gradient(90deg,#ff3b00,#ff7a00,#ffb300,#ff3b00);}
.scanner-fire:hover .hot-icon{animation:hotFire .45s ease-in-out infinite;}
@keyframes hotFire{0%{transform:rotate(-8deg)}25%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}100%{transform:rotate(-8deg)}}
.card{border-radius: var(--r);background-color: #163156;background: linear-gradient(180deg,#163156 0%,#101823 100%);box-shadow: var(--shadow);overflow: hidden;color: var(--txt);border:0;padding: 0.5rem;}
.card::before{content:"";position:absolute;top:0;right:0;width:86px;height:86px;background:linear-gradient(135deg,#255598 0%,#98b2ff 45%,#f7fbff 45%,#23508e 100%);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}


.whatis-wrap{position:relative;z-index:2;margin-bottom:18px}
.whatis-btn{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--ap-cyan);font-size:18px;font-weight:800;box-shadow:none}
.whatis-btn i{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid #43f5ffcc;border-radius:50%;color:#bffcff;font-size:16px}
.whatis-box{border:1px solid #20d8ff40;border-radius:16px;background:#020a22d1;padding:16px;color:#dce8ff}
.whatis-box h2{margin:0 0 10px;color:#fff;font-size:22px;font-weight:900}
.whatis-collapse{
  transition: all .2s cubic-bezier(.22,1,.36,1);
}
.whatis-collapse .whatis-box{
  opacity:0;
  transform:translateY(-14px) scale(.96);
  transition: all .6s cubic-bezier(.22,1,.36,1);
}
.whatis-collapse.show .whatis-box{
  opacity:1;
  transform:translateY(0) scale(1);
}

.push-ad{position:fixed;right:20px;bottom:20px;width:min(320px,calc(100% - 40px));z-index:5;display:none;transform:translateX(120%);opacity:0}
.push-ad.show{display:block;animation:slideIn .7s cubic-bezier(.22,1,.36,1) forwards}
.push-ad.hide{animation:slideOut .5s ease forwards}
@keyframes slideIn {
0%{transform:translateX(120%);opacity:0}
100%{transform:translateX(0);opacity:1}
}
@keyframes slideOut {
0%{transform:translateX(0);opacity:1}
100%{transform:translateX(120%);opacity:0}
}
.push-ad-box{position:relative;border-radius:18px;overflow:hidden;background:#07162f;border:1px solid #ffffff26;box-shadow:0 20px 50px #0006}
.push-ad-box img{width:100%;display:block}
.push-ad-x{position:absolute;top:10px;right:10px;width:28px;height:28px;display:flex;justify-content:center;border:0;border-radius:50%;background:#fff;color:#f00;font-size:23px;line-height:1;font-weight:900;cursor:pointer;z-index:2}
.push-ad-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#061123}
.push-btn{border:0;border-radius:10px;padding:10px;font-size:14px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none}
.push-btn.register{background:linear-gradient(135deg,#facc15,#f97316);color:#061123}
.push-btn.close{background:#ffffff1f;color:#dbeafe}
@media(max-width:576px) {
.push-ad{right:12px;bottom:12px;width:calc(100% - 24px)}
}