:root{--navy:#071a35;--blue:#287cff;--cyan:#63d3ff;--ink:#142c4c;--muted:#60748e;--pale:#f3f7fc;--line:#dfe8f4;--red:#d9435f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#f4f8fd;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:inherit}
.wrap{width:min(100% - 32px,800px);margin:auto}
.hero{color:#fff;background:radial-gradient(circle at 84% 18%,#164f9a 0,transparent 32%),linear-gradient(145deg,#06132a,#092b56 68%,#071a35);padding:22px 0 30px;overflow:hidden}
.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.brand{font-size:11px;font-weight:850;letter-spacing:.14em;color:#8ddcff}
.tag{font-size:10px;border:1px solid #508dcf;border-radius:99px;padding:5px 9px;color:#d7eaff;white-space:nowrap}
.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--cyan);font-weight:850;margin-bottom:9px}
h1{font-size:clamp(34px,9vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0 0 14px;font-weight:850}
h1 span{color:#66caff}
.lead{font-size:16px;color:#dce9f9;max-width:500px;margin:0 0 21px}
.hero-art{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 24px;max-width:420px}
.wallet{width:47%;aspect-ratio:1.12;border:1px solid #4c9eff;border-radius:26px;background:linear-gradient(145deg,#388dff,#07469b);box-shadow:0 15px 35px #0005;display:grid;place-items:center;transform:rotate(-5deg)}
.wallet .shield{font-size:65px;filter:drop-shadow(0 5px 4px #00316e)}
.phone{width:31%;aspect-ratio:.57;border:3px solid #7cc9ff;border-radius:25px;background:linear-gradient(#12458a,#03142c);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #0005;transform:rotate(5deg)}
.screen{border-radius:18px;background:#eef7ff;width:83%;height:89%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#1767d2}
.screen .check{font-size:44px}.screen small{font-size:9px;font-weight:850;letter-spacing:.1em;text-align:center}
.cta{display:block;text-align:center;text-decoration:none;border:0;border-radius:15px;background:linear-gradient(90deg,#42aaff,#2674ff);color:#fff;font-weight:800;font-size:16px;padding:14px 18px;box-shadow:0 8px 20px #1677ff35;min-height:50px}
.cta:active{transform:scale(.99)}
.trustline{text-align:center;font-size:11px;color:#c4dcf8;margin:11px 0 0}
.features-band{background:#fff;border-bottom:1px solid var(--line);padding:17px 0}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.feature{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}
.fi{flex:0 0 37px;width:37px;height:37px;border-radius:13px;background:#e8f2ff;color:#1677ff;display:grid;place-items:center;font-size:19px}
.feature small{display:block;color:var(--muted);font-size:10px;font-weight:500}
section{padding:27px 0}
.section-title{text-align:center;margin:0 0 6px;font-size:26px;line-height:1.25;letter-spacing:-.03em}
.section-sub{text-align:center;color:var(--muted);font-size:13px;margin:0 0 19px}
.cards{display:grid;gap:13px}
.card{background:#fff;border:1px solid #e2ebf7;border-radius:19px;padding:18px;box-shadow:0 5px 18px #174b8009}
.card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.num{flex:0 0 41px;width:41px;height:41px;border-radius:13px;background:linear-gradient(135deg,#43b6ff,#1768f4);color:#fff;display:grid;place-items:center;font-weight:850;font-size:16px}
h2{font-size:18px;margin:0;line-height:1.35}
.card p{font-size:14px;margin:8px 0 12px;color:#344e70}
ul.clean{list-style:none;margin:0;padding:0;display:grid;gap:9px}
ul.clean li{position:relative;padding-left:24px;font-size:13px;color:#3d5677}
ul.clean li:before{content:"✓";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:#2584ff;color:#fff;font-size:11px;line-height:17px;text-align:center;font-weight:800}
.tip{background:#edf5ff;border-radius:13px;padding:11px;margin-top:14px;color:#225a9c;font-size:12px}
.checklist{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}
.check-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.counter{font-size:11px;font-weight:850;color:#1677ff;background:#e8f3ff;padding:6px 9px;border-radius:99px;white-space:nowrap}
.progress{height:5px;background:#e5effb;border-radius:99px;overflow:hidden;margin:8px 0 12px}
.progress span{display:block;width:0;height:100%;background:#1677ff;transition:width .2s}
.checkrow{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid #edf3fb;font-size:13px}
.checkrow:last-of-type{border-bottom:0}
.checkrow input{appearance:none;flex:0 0 21px;width:21px;height:21px;border:1.5px solid #9bb7da;border-radius:7px;margin:1px 0 0;background:#fff}
.checkrow input:checked{background:#1677ff;border-color:#1677ff}
.checkrow input:checked:after{content:"✓";display:block;color:#fff;text-align:center;font-weight:800;line-height:19px}
.alert{background:linear-gradient(145deg,#fff0f2,#fff);border:1px solid #ffd9df;border-radius:20px;padding:18px}
.alert h2{color:#c8324e;margin-bottom:6px}
.alert-intro{font-size:13px;color:#745260;margin:0 0 12px}
.steps{display:grid;gap:14px}
.step{display:grid;grid-template-columns:29px 1fr;gap:10px}
.stepnum{width:28px;height:28px;background:#e74762;color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:850}
.step strong{font-size:13px;display:block;margin-bottom:2px}
.step p{font-size:12px;color:#765666;margin:0}
.warning{margin:22px 0;background:linear-gradient(120deg,#071a35,#164b87);color:#fff;border-radius:18px;padding:17px;display:flex;gap:12px;align-items:flex-start}
.warning-icon{font-size:26px}.warning strong{display:block;margin-bottom:4px}.warning p{margin:0;font-size:12px;color:#dceaff}
footer{text-align:center;color:#7789a1;font-size:11px;padding:0 0 calc(28px + env(safe-area-inset-bottom))}
footer .motto{font-weight:850;color:#49678e;margin-bottom:6px}
.sticky{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid #dce8f8}
.sticky .cta{max-width:768px;margin:auto;padding:12px}
@media(min-width:650px){.hero{padding:32px 0 38px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.hero-art{margin:0 auto 18px}.features{grid-template-columns:repeat(4,minmax(0,1fr))}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:16px}.card-head{align-items:flex-start}.section-title{font-size:30px}.sticky{display:none}}
@media(max-width:380px){.wrap{width:calc(100% - 24px)}.card{padding:15px}.section-title{font-size:24px}.tag{font-size:9px}.hero-art{margin-top:12px}}
h1>span[data-i18n]{color:#fff}.language{background:#102f56;color:#fff;border:1px solid #508dcf;border-radius:8px;padding:7px;max-width:145px}.nav{flex-wrap:wrap}.scan-panel{margin-top:18px;background:#f5f9ff;border:1px solid #dce8f6;border-radius:14px;padding:16px}.scan-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.scan-head h3{margin:0;font-size:16px}.scan-note{font-size:12px;color:#526985;margin:8px 0 14px}.scan-status{font-size:13px;font-weight:700;min-height:22px}.scan-list{list-style:none;padding:0;margin:12px 0 0}.scan-list li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #e0eaf7;font-size:12px}.scan-list b{font-weight:600;color:#60748e}.scan-list .passed b,.scan-list .passed .scan-icon{color:#147653}.scan-list .active{color:#1768d2}.scan-list .active .scan-icon{width:14px;height:14px;border:2px solid #bdd8fc;border-top-color:#1677ff;border-radius:50%;animation:spin 1s linear infinite}.scan-panel.done{border-color:#8ac9b2;background:#f1fbf6}.scan-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;color:#1768d2}.cta:disabled{cursor:wait!important;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d28a00;outline-offset:3px}footer{padding-bottom:100px}h1{overflow-wrap:anywhere}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-list .active .scan-icon{animation:none}.progress span{transition:none}}@media(max-width:480px){.nav .tag{white-space:normal}.scan-list li{grid-template-columns:18px 1fr}.scan-list b{grid-column:2}.check-top{flex-wrap:wrap}}

.scan-dialog{color:#edf6ff;background:#091c33;border:1px solid #3a638b;border-radius:24px;padding:22px;width:min(580px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 28px 110px #0009;font-family:inherit;color-scheme:dark}
.scan-dialog::backdrop{background:#020c20c9;backdrop-filter:blur(9px)}
.scan-dialog[open]{animation:modal-enter .28s ease-out}
.scan-close{position:absolute;right:14px;top:12px;z-index:2;width:36px;height:36px;border:1px solid #486580;border-radius:50%;background:#142c46;color:#cbe9ff;font-size:24px;cursor:pointer}
.scan-dialog .scan-panel{margin:0;padding:0;border:0;background:transparent!important;color:inherit}
.scan-dialog .scan-head{padding-right:34px}.scan-dialog .scan-head h3{font-size:18px}.scan-dialog .scan-time{color:#80d9ff;font-size:12px}
.scan-dialog .scan-note{color:#9db2c9;line-height:1.6;font-size:11px;margin:12px 0}
.scan-visual{position:relative;width:148px;height:148px;margin:15px auto 12px;display:grid;place-items:center}
.scan-orbit{position:absolute;inset:0;border:1px solid #326389;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 24px,#67c9ff12 25px 26px)}
.scan-orbit:after{content:'';position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 55%,#46bdff35 95%,#70e0ff 100%);animation:spin 2.5s linear infinite;mask:radial-gradient(circle,transparent 54%,#000 55%)}
.scan-ring{position:absolute;inset:9px;width:130px;height:130px;transform:rotate(-90deg)}.scan-ring circle{fill:none;stroke-width:3}.scan-ring .track{stroke:#203f60}.scan-ring .fill{stroke:#72daff;stroke-dasharray:364.425;stroke-dashoffset:364.425;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 4px #32b4ff)}
.scan-core{text-align:center;z-index:1}.scan-shield{display:block;margin:auto;width:32px;height:36px;color:#80deff;filter:drop-shadow(0 0 12px #2aaaff80)}.scan-percent{display:block;font-size:27px;font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.scan-phase{text-align:center;color:#84d7ff;font-size:12px;margin:0 0 12px;font-variant-numeric:tabular-nums}
.scan-dialog .scan-status{text-align:center;font-size:14px;min-height:24px}.scan-dialog .progress{height:4px;background:#1d3854;margin:12px 0}.scan-dialog .progress span{background:linear-gradient(90deg,#2685ff,#77e5ff);box-shadow:0 0 10px #2c9eff}
.scan-dialog .scan-list{display:grid;gap:6px;margin-top:14px}.scan-dialog .scan-list li{position:relative;overflow:hidden;grid-template-columns:20px 1fr auto;border:1px solid #28425d;border-radius:10px;padding:10px 12px;gap:8px;color:#9db2c9;font-size:12px;transition:background .25s,border-color .25s}.scan-dialog .scan-list li>*{position:relative;z-index:1}.scan-dialog .scan-list li:after{content:'';position:absolute;left:0;bottom:0;height:2px;background:#70d8ff;width:var(--step-progress,0%);transition:width .1s linear}.scan-dialog .scan-list b{font-size:10px;color:#93a8bf;text-align:right;grid-column:auto}.scan-dialog .scan-list .active{background:#103556;border-color:#55baff;color:#e8f7ff;box-shadow:inset 3px 0 #70dbff}.scan-dialog .scan-list .active b{color:#80deff}.scan-dialog .scan-list .passed{border-color:#295749;background:#102b2d}.scan-dialog .scan-list .passed b,.scan-dialog .scan-list .passed .scan-icon{color:#7fe5b5}.scan-dialog .scan-list .passed:after{background:#70dcb0}.scan-dialog .done .fill{stroke:#7fe5b5}.scan-dialog .done .scan-orbit:after{animation:none;background:none}.scan-dialog .done .scan-shield,.scan-dialog .done .scan-percent{color:#7fe5b5}
.scan-actions{display:flex;gap:10px;margin-top:16px}.scan-actions button{flex:1;border:1px solid #496a8b;border-radius:10px;padding:10px;background:#163450;color:#e4f5ff;font:600 12px/1.4 inherit;cursor:pointer}.scan-actions button:last-child{background:#2275cf;border-color:#5fa9f2}.scan-actions button:disabled{opacity:.45;cursor:wait}
@keyframes modal-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.scan-dialog{padding:18px 14px;border-radius:18px}.scan-dialog .scan-head{flex-wrap:wrap;gap:3px}.scan-dialog .scan-head h3{font-size:16px}.scan-visual{width:128px;height:128px;margin:12px auto 8px}.scan-ring{inset:4px;width:120px;height:120px}.scan-dialog .scan-list li{padding:9px 10px;font-size:11px}.scan-dialog .scan-list b{max-width:100px}.scan-dialog .scan-note{margin:8px 0}.scan-dialog .scan-list{gap:5px}}
@media(prefers-reduced-motion:reduce){.scan-dialog[open],.scan-orbit:after{animation:none}.scan-dialog *{transition:none!important}}