*{box-sizing:border-box;margin:0;padding:0}
body{background:#ffffff;color:#111111;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}
a{color:#255dbd;text-decoration:none}
a:hover{text-decoration:underline}
img{display:block;max-width:100%}
header{background:#001041;position:sticky;top:0;z-index:100;width:100%}
.hdr-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 10px}
.ham-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:22px;width:28px;padding:0}
.ham-btn span{display:block;background:#ffffff;height:3px;width:100%}
.ham-btn span:nth-child(1){margin-bottom:5px}
.ham-btn span:nth-child(2){margin-bottom:5px}
.mob-menu{display:none;flex-direction:column;background:#001041;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;overflow-y:auto}
.mob-menu.open{display:flex}
.mob-menu-top{display:flex;align-items:center;justify-content:space-between;padding:10px 10px}
.close-btn{background:none;border:none;color:#ffffff;font-size:1.8rem;cursor:pointer;line-height:1;padding:0}
.mob-nav-list{list-style:none;padding:10px 10px}
.mob-nav-item{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.1)}
.mob-nav-item>a,.mob-nav-item>.nav-active{display:inline-flex;align-items:center;color:#ffffff;padding:12px 0;font-size:1rem;flex:1}
.mob-nav-item>.nav-active{font-weight:700;color:#aac4ff}
.arrow-mob{display:inline-flex;align-items:center;padding-left:2px;color:#ffffff;cursor:pointer;font-size:0.85rem;padding-right:8px;transition:transform 0.2s}
.arrow-mob.open{transform:rotate(180deg)}
.mob-sub-list{display:none;list-style:none;width:100%;padding-left:20px}
.mob-sub-list.open{display:block}
.mob-sub-list li{border-top:1px solid rgba(255,255,255,0.07)}
.mob-sub-list li a{display:block;color:#ccd9ff;padding:10px 0;font-size:0.95rem;white-space:nowrap}
.mob-auth{display:flex;align-items:center;padding:16px 10px}
.mob-auth .btn-login{flex:1;text-align:center;padding:10px 0;border-radius:4px;font-size:1rem;font-weight:600;margin-right:10px;background:transparent;border:2px solid #ffffff;color:#ffffff}
.mob-auth .btn-signup{flex:1;text-align:center;padding:10px 0;border-radius:4px;font-size:1rem;font-weight:600;background:#255dbd;border:2px solid #255dbd;color:#ffffff}
.desk-nav{display:none}
@media(min-width:1081px){
.hdr-bar{display:none}
.mob-menu{display:none!important}
.desk-nav{display:flex;align-items:center;background:#001041;padding:0 10px;width:100%}
.desk-nav>a>img{width:160px;height:40px;flex-shrink:0}
.desk-nav>a{margin-right:24px;line-height:0}
.desk-nav-list{display:flex;align-items:center;list-style:none;flex:1}
.desk-nav-item{display:flex;align-items:center;position:relative;margin-right:4px}
.desk-nav-item>a,.desk-nav-item>.nav-active{display:inline-flex;align-items:center;color:#ffffff;padding:16px 12px;font-size:0.95rem;white-space:nowrap}
.desk-nav-item>.nav-active{font-weight:700;color:#aac4ff;padding:16px 12px}
.desk-nav-item>a:hover{color:#aac4ff;text-decoration:none}
.arrow-desk{display:inline-flex;align-items:center;padding-left:2px;color:#ffffff;font-size:0.75rem;cursor:default;transition:transform 0.2s}
.has-sub-desk:hover .arrow-desk{transform:rotate(180deg)}
.desk-sub-list{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#001041;list-style:none;z-index:300;border-top:2px solid #255dbd}
.has-sub-desk:hover .desk-sub-list{display:block}
.desk-sub-list li a{display:block;color:#ffffff;padding:8px 14px;font-size:0.9rem;white-space:nowrap}
.desk-sub-list li a:hover{background:#0a1e5e;color:#aac4ff;text-decoration:none}
.desk-auth{display:flex;align-items:center;margin-left:auto}
.desk-auth .btn-login{padding:8px 16px;border-radius:4px;font-size:0.9rem;font-weight:600;cursor:pointer;background:transparent;border:2px solid #ffffff;color:#ffffff;margin-right:10px}
.desk-auth .btn-signup{padding:8px 16px;border-radius:4px;font-size:0.9rem;font-weight:600;cursor:pointer;background:#255dbd;border:2px solid #255dbd;color:#ffffff}
}
.pg-wrap{max-width:1200px;margin:0 auto;padding:0 10px}
.app-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#001041 0%,#0a1e5e 65%,#0d2470 100%);padding:40px 10px}
.app-hero-geo{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.app-hero-geo::before{content:"";position:absolute;top:-60px;right:-80px;width:340px;height:340px;border:48px solid rgba(37,93,189,0.13);border-radius:50%}
.app-hero-geo::after{content:"";position:absolute;bottom:-40px;left:-60px;width:260px;height:260px;background:repeating-linear-gradient(45deg,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 2px,transparent 2px,transparent 14px)}
.app-hero-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}
.app-hero-txt{color:#ffffff}
.app-hero-txt h1{font-size:1.8rem;font-weight:800;color:#ffffff;margin-bottom:14px}
.app-hero-txt p{font-size:1rem;color:#dce8ff;margin-bottom:20px;line-height:1.7}
.app-hero-ctas{margin-bottom:16px}
.app-store-row{display:flex;align-items:center}
.app-store-row img{margin-right:12px}
.app-hero-img{display:flex;justify-content:center;align-items:flex-end}
.app-hero-img img{height:auto;width:100%;max-width:220px}
@media(min-width:1081px){
.app-hero-inner{flex-direction:row;align-items:center}
.app-hero-txt{flex:1}
.app-hero-txt h1{font-size:2.4rem}
.app-hero-img{flex:0 0 280px;justify-content:flex-end}
.app-hero-img img{max-width:250px}
}
.cta-btn{display:inline-block;background:#255dbd;color:#ffffff;padding:11px 22px;border-radius:5px;font-size:0.95rem;font-weight:700;text-align:center;cursor:pointer;border:none;text-decoration:none}
.cta-btn:hover{background:#1a4899;text-decoration:none;color:#ffffff}
.cta-cnt{text-align:center;margin:24px 0}
.features-blk{padding:40px 10px}
.features-blk h2{font-size:1.5rem;font-weight:700;color:#111111;margin-bottom:14px}
.features-blk p{color:#333333;margin-bottom:14px}
.feat-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
@media(min-width:481px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.feat-grid{grid-template-columns:repeat(3,1fr)}}
.feat-card{background:#f0f4ff;border-radius:8px;padding:16px 14px;display:flex;flex-direction:column;gap:6px;transition:box-shadow 0.2s,transform 0.2s}
.feat-card:hover{box-shadow:0 4px 16px rgba(37,93,189,0.18);transform:translateY(-2px)}
.feat-icon{font-size:1.5rem}
.feat-label{font-size:0.78rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:0.04em;font-weight:600}
.feat-val{font-size:0.95rem;color:#111111;font-weight:700}
.android-blk{background:#f7f9ff;padding:40px 10px}
.android-blk h2{font-size:1.5rem;font-weight:700;color:#111111;margin-bottom:14px}
.android-blk p{color:#333333;margin-bottom:14px}
.ios-blk{padding:40px 10px}
.ios-blk h2{font-size:1.5rem;font-weight:700;color:#111111;margin-bottom:14px}
.ios-blk p{color:#333333;margin-bottom:14px}
.mob-games-blk{background:#f7f9ff;padding:40px 10px}
.mob-games-blk h2{font-size:1.5rem;font-weight:700;color:#111111;margin-bottom:14px}
.mob-games-blk p{color:#333333;margin-bottom:14px}
.mob-game-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media(min-width:481px){.mob-game-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.mob-game-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:969px){.mob-game-grid{grid-template-columns:repeat(4,1fr)}}
.mob-game-card{background:#ffffff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.mob-game-card img{width:100%;aspect-ratio:5/3;object-fit:cover}
.mob-game-info{padding:10px 12px}
.mg-title{font-size:0.95rem;font-weight:700;color:#111111}
.mg-meta{font-size:0.8rem;color:#444444}
.mob-pay-blk{padding:40px 10px}
.mob-pay-blk h2{font-size:1.5rem;font-weight:700;color:#111111;margin-bottom:14px}
.mob-pay-blk p{color:#333333;margin-bottom:14px}
footer{background:#041140;padding:36px 10px 20px}
.ftr-wrap{max-width:1200px;margin:0 auto}
.ftr-nav-list{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:24px}
.ftr-nav-list li{margin-right:14px;margin-bottom:8px}
.ftr-nav-list a{color:#aac4ff;font-size:0.9rem}
.ftr-nav-list a:hover{color:#ffffff;text-decoration:underline}
.ftr-payments{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.ftr-payments img{height:25px;width:auto;margin-right:14px;margin-bottom:8px}
.ftr-providers{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.ftr-providers img{height:25px;width:auto;margin-right:14px;margin-bottom:8px}
.ftr-btm{display:flex;flex-direction:column;gap:14px}
@media(min-width:769px){.ftr-btm{flex-direction:row;align-items:flex-start;justify-content:space-between}}
.ftr-note{font-size:0.78rem;color:#8a9cc4;line-height:1.6}
.ftr-trust{display:flex;align-items:center;flex-shrink:0}
.ftr-trust img{margin-right:12px}
@media(min-width:769px){.ftr-note{flex:1;margin-right:24px}}
@media(min-width:320px) and (max-width:480px){
.app-hero-txt h1{font-size:1.4rem}
.app-hero-txt p{font-size:0.9rem}
.cta-btn{font-size:0.85rem;padding:9px 14px}
}
@media(min-width:481px) and (max-width:768px){
.app-hero-inner{flex-direction:row;align-items:center}
.app-hero-txt{flex:1}
.app-hero-img{flex:0 0 180px}
}
@media(min-width:769px) and (max-width:1080px){
.app-hero-inner{flex-direction:row;align-items:center}
.app-hero-txt{flex:1}
.app-hero-img{flex:0 0 220px}
}