*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{min-height:100dvh;line-height:1.6;font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#e8e8f0;background-color:#00041E}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
ul{list-style:none}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{line-height:1.2;color:#ffffff}
p{text-wrap:pretty}
button{cursor:pointer;background:none;border:none}
table{border-collapse:collapse;width:100%}
a{color:#FFCC00;text-decoration:none;transition:color 180ms ease}
a:hover{color:#ffe066}
:focus-visible{outline:2px solid #FFCC00;outline-offset:3px;border-radius:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}
.skip-lnk{position:absolute;left:-9999px;top:4px;padding:8px 16px;background:#FFCC00;color:#00041E;font-weight:700;border-radius:4px;z-index:9999}
.skip-lnk:focus{left:4px}
.pg-wrap{max-width:1200px;margin:0 auto;padding-left:10px;padding-right:10px}
header{background:#C40000;position:sticky;top:0;z-index:200}
.hdr-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;max-width:1200px;margin:0 auto}
.hdr-logo-wrap img{width:155px;height:27px;object-fit:contain;display:block}
.ham-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:6px;background:transparent;border:none;cursor:pointer}
.ham-btn span{display:block;height:2px;background:#ffffff;border-radius:2px;transition:transform 0.25s,opacity 0.25s}
.desk-nav{display:none}
.mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#00041E;z-index:300;overflow-y:auto}
.mob-menu.open{display:flex}
.mob-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#C40000}
.mob-top a{display:inline-flex}
.mob-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;color:#ffffff;background:transparent;border:none;cursor:pointer}
.mob-nav-list{padding:10px 0}
.mob-nav-list li{display:flex;align-items:center;flex-wrap:wrap}
.mob-nav-list li a,.mob-nav-list li span{display:inline-flex;align-items:center;padding:12px 18px;color:#dcdcec;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);width:auto}
.mob-nav-list li span.nav-active{color:#FFCC00}
.mob-parent-row{display:flex;align-items:center;width:100%}
.mob-par-lnk{flex:1}
.mob-arr{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;transition:transform 0.25s;transform-origin:center;color:#dcdcec}
.mob-arr.mob-arr-open{transform:rotate(180deg)}
.mob-sub{display:none;width:100%}
.mob-sub.open{display:block}
.mob-sub li{display:block}
.mob-sub li a{padding-left:36px;font-size:0.875rem;color:#b0b0c8;width:auto}
.mob-auth{display:flex;gap:10px;padding:14px 14px 20px}
.mob-auth-btn{flex:1;justify-content:center}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:250}
.mob-overlay.open{display:block}
.btn-login{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;background:transparent;border:2px solid #FFCC00;color:#FFCC00;border-radius:4px;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);font-weight:600;cursor:pointer;transition:background 180ms ease,color 180ms ease;text-decoration:none}
.btn-login:hover{background:#FFCC00;color:#00041E}
.btn-signup{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;background:#FFCC00;color:#00041E;border:2px solid #FFCC00;border-radius:4px;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);font-weight:700;cursor:pointer;transition:background 180ms ease;text-decoration:none}
.btn-signup:hover{background:#ffe066;border-color:#ffe066}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:#FFCC00;color:#00041E;border-radius:4px;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);font-weight:700;text-decoration:none;transition:background 180ms ease;border:none;cursor:pointer}
.cta-btn:hover{background:#ffe066;color:#00041E}
.cta-outline{background:transparent;color:#FFCC00;border:2px solid #FFCC00}
.cta-outline:hover{background:#FFCC00;color:#00041E}
.cta-cnt{text-align:center;margin-top:28px}
.app-top{background:linear-gradient(135deg,#8B0000 0%,#C40000 45%,#6e0000 100%);padding:40px 10px;position:relative;overflow:hidden}
.app-top::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(60deg,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(-60deg,rgba(255,255,255,0.03) 0px,rgba(255,255,255,0.03) 1px,transparent 1px,transparent 40px);pointer-events:none}
.app-top-inner{display:flex;flex-direction:column;gap:28px;align-items:center;position:relative;z-index:1}
.app-top-txt{flex:1}
.app-top-txt h1{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:14px;color:#ffffff}
.app-top-sub{color:#f5e9e9;margin-bottom:20px}
.app-dl-btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.app-os-row{display:flex;align-items:center;gap:12px}
.app-top-img{width:100%;max-width:200px;margin:0 auto}
.app-top-img img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.5)}
.app-specs{padding:48px 10px}
.app-specs h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:14px}
.app-specs p{color:#c8c8d8;margin-bottom:14px}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px}
.spec-tbl{min-width:420px;border-radius:6px;overflow:hidden}
.spec-tbl thead{background:#C40000}
.spec-tbl th{padding:12px 14px;text-align:left;color:#ffffff;font-size:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);white-space:nowrap}
.spec-tbl td{padding:11px 14px;color:#d0d0e0;font-size:clamp(0.75rem,0.7rem + 0.25vw,0.875rem)}
.spec-tbl tr:nth-child(even) td{background:rgba(255,255,255,0.04)}
@media(max-width:480px){.spec-tbl{font-size:0.75rem}}
@media(max-width:320px){.spec-tbl th,.spec-tbl td{padding:8px 10px;font-size:0.7rem}}
.app-install{padding:48px 10px;background:rgba(255,255,255,0.02)}
.app-install h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:14px}
.app-install p{color:#c8c8d8;margin-bottom:14px}
.install-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
.inst-card{background:rgba(255,255,255,0.05);border-radius:6px;padding:18px;position:relative}
.inst-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#C40000;color:#ffffff;font-weight:700;font-size:0.875rem;border-radius:50%;margin-bottom:8px;flex-shrink:0}
.android-tag{display:inline-block;background:rgba(196,0,0,0.25);color:#ffaaaa;font-size:0.75rem;padding:2px 8px;border-radius:10px;margin-bottom:6px}
.inst-card strong{display:block;color:#ffffff;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);margin-bottom:6px}
.inst-card p{color:#b8b8cc}
.app-feat{padding:48px 10px}
.app-feat h2{font-size:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);margin-bottom:14px}
.app-feat p{color:#c8c8d8;margin-bottom:14px}
.feat-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
.feat-card{background:rgba(255,255,255,0.05);border-radius:6px;padding:20px;transition:transform 0.2s,box-shadow 0.2s}
.feat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.35)}
.feat-ico{font-size:1.8rem;display:block;margin-bottom:10px}
.feat-card strong{display:block;color:#ffffff;margin-bottom:8px;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem)}
.feat-card p{color:#b8b8cc}
footer{background:#00041E;padding:40px 10px 20px}
.ftr-body{max-width:1200px;margin:0 auto}
.ftr-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}
.ftr-logos-col{grid-column:1/-1}
.ftr-hd{display:block;color:#FFCC00;font-size:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px;font-weight:700}
.ftr-col ul{display:flex;flex-direction:column;gap:6px}
.ftr-col ul a{color:#b0b0c4;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);transition:color 180ms ease}
.ftr-col ul a:hover{color:#FFCC00}
.pay-logos{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;margin-top:6px}
.pay-logos img{height:25px;width:auto;object-fit:contain;filter:brightness(0.85);transition:filter 0.2s}
.pay-logos img:hover{filter:brightness(1)}
.ftr-disc{color:#7a7a94;font-size:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);line-height:1.7;padding-top:20px;margin-bottom:20px}
.ftr-disc p{margin-bottom:8px}
.ftr-disc a{color:#9090a8}
.ftr-bottom{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ftr-trust{display:flex;align-items:center;gap:14px}
.ftr-trust img{object-fit:contain}
.ftr-copy{color:#5a5a74;font-size:clamp(0.75rem,0.7rem + 0.25vw,0.875rem)}
@media(min-width:481px){.install-grid{grid-template-columns:repeat(2,1fr)}.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.install-grid{grid-template-columns:repeat(3,1fr)}.feat-grid{grid-template-columns:repeat(3,1fr)}.ftr-cols{grid-template-columns:1fr 1fr 2fr}.ftr-logos-col{grid-column:auto}.ftr-bottom{flex-direction:row;justify-content:space-between;align-items:center}}
@media(min-width:1081px){.ham-btn{display:none}.mob-menu{display:none!important}.desk-nav{display:flex;align-items:center}.hdr-row{gap:24px}.desk-nav-list{display:flex;align-items:center;gap:4px}.desk-nav-list li{display:flex;align-items:center;position:relative}.desk-nav-list li a{display:inline-flex;align-items:center;padding:16px 14px;color:#ffffff;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem);font-weight:500;transition:color 180ms ease;white-space:nowrap}.desk-nav-list li a:hover{color:#FFCC00}.desk-nav-list .nav-active{display:inline-flex;align-items:center;padding:16px 14px;color:#FFCC00;font-weight:600;font-size:clamp(0.875rem,0.8rem + 0.35vw,1rem)}.has-sub .sub-arrow{display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem;color:#ffffff;transition:transform 0.25s;transform-origin:center;padding:0 4px;cursor:default}.has-sub:hover .sub-arrow{transform:rotate(180deg)}.desk-sub{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#1a0006;z-index:400;border-radius:0 0 4px 4px}.has-sub:hover .desk-sub{display:block}.desk-sub li{display:block}.desk-sub li a{padding:8px 14px;color:#e8e8f0;font-size:0.875rem;white-space:nowrap;display:block}.desk-sub li a:hover{color:#FFCC00;background:rgba(255,204,0,0.08)}.hdr-auth{display:flex;align-items:center;gap:10px}.app-top-inner{flex-direction:row;align-items:center;gap:48px}.app-top-txt h1{font-size:clamp(2rem,1.2rem + 2.5vw,3.5rem)}.app-top-img{width:250px;max-width:250px;flex-shrink:0;margin:0}}
@media(max-width:1080px){.hdr-auth{display:none}}