.ecl{position:relative;min-height:100dvh;background:#0F1E4A;color:#fff;overflow:hidden;font-feature-settings:"tnum"}.ecl .grad{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#2443B0,#0F1E4A 70%)}.ecl .ph{width:100%;object-fit:cover;object-position:center 20%}.ecl .fade,.ecl .ph{position:absolute;left:0;top:0;height:66dvh;max-height:620px}.ecl .fade{right:0;background:linear-gradient(180deg,#0F1E4Acc 0,transparent 16%,transparent 55%,#0F1E4A)}.ecl .col{position:relative;z-index:2;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:calc(env(safe-area-inset-top) + 40px) 24px calc(env(safe-area-inset-bottom) + 92px)}.ecl .top{text-align:center}.ecl .brand{display:inline-flex;align-items:center;gap:8px}.ecl .brand i{width:30px;height:30px;border-radius:8px;background:#fff;color:#0F1E4A;font-size:16px;font-weight:800;line-height:1;display:grid;place-items:center;font-style:normal;overflow:hidden}.ecl .brand i img{width:24px;height:24px;object-fit:contain}.ecl .brand b{font-size:18px;font-weight:700}.ecl .tag{color:#20B2AA;font-size:12px;font-weight:600;margin-top:4px;text-shadow:0 1px 3px #0F1E4Acc}.ecl .brand b{text-shadow:0 1px 3px #0F1E4A99}.ecl.pv .fade,.ecl.pv .ph{display:none}.ecl .body{margin-top:auto;width:100%;max-width:360px;text-align:center}.ecl .hi{font-size:22px;font-weight:700}.ecl .pill{gap:10px;background:#ffffff1f;border:1px solid #ffffff33;border-radius:30px;padding:6px 6px 6px 16px;margin-top:10px;font-size:15px;font-weight:600;backdrop-filter:blur(6px)}.ecl .pill,.ecl .pill button{display:inline-flex;align-items:center}.ecl .pill button{gap:4px;background:#fff;color:#0F1E4A;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.ecl .pill button svg{width:13px;height:13px}.ecl .tile{display:block;margin:22px auto 0;width:200px;background:#fff;color:#0F1E4A;border-radius:20px;padding:20px 10px;font-weight:700;font-size:14px;box-shadow:0 8px 24px #0006;transition:transform .15s}.ecl .tile:active{transform:scale(.97)}.ecl .tile:disabled{opacity:.7}.ecl .tile svg{width:44px;height:44px;margin:0 auto 10px;display:block}.ecl .code{display:inline-block;margin-top:18px;font-size:14px;font-weight:600;border-bottom:1.5px solid #20b2aa;padding-bottom:2px;color:#fff}.ecl .sm{display:flex;justify-content:center;gap:22px;margin-top:22px;font-size:12.5px;color:#ffffffb0}.ecl .sm a,.ecl .sm button{color:inherit}.ecl .sm b{color:#20B2AA}.ecl .note{background:#20B2AA22;border:1px solid #20b2aa88;color:#7FE3DC;border-radius:10px;margin:16px auto 0}.ecl .err:not(.dots),.ecl .note{padding:9px 12px;font-size:13px;display:inline-block}.ecl .err:not(.dots){background:#ef444422;border:1px solid #ef444488;color:#fecaca;border-radius:10px;margin:12px auto 0}.ecl .av{border-radius:50%;object-fit:cover;object-position:center 25%;border:3px solid #20b2aa;display:block;margin:0 auto 12px}.ecl .av,.ecl .ini{width:84px;height:84px}.ecl .ini{border-radius:50%;background:#ffffff1f;border:2px solid #20b2aa;display:grid;place-items:center;font-size:28px;font-weight:700;margin:0 auto 12px}.ecl .nm{font-size:20px;font-weight:700}.ecl .mp{font-size:13px;color:#ffffffb0;margin-top:2px}.ecl .dots{display:flex;justify-content:center;gap:16px;margin:20px 0}.ecl .dots i{width:13px;height:13px;border-radius:50%;border:1.5px solid #ffffff88;transition:background .12s}.ecl .dots i.f{background:#20B2AA;border-color:#20B2AA}.ecl .dots.err{animation:eclshake .35s}@keyframes eclshake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.ecl .keys{display:grid;grid-template-columns:repeat(3,1fr);row-gap:4px;max-width:300px;margin:0 auto}.ecl .keys button{height:62px;font-size:24px;font-weight:500;color:#fff;border-radius:50%;display:grid;place-items:center}.ecl .keys button:active{background:#ffffff1a}.ecl .keys button.x svg{width:28px;height:28px}.ecl .keys button.fpk{color:#20B2AA}.ecl .keys button.x:disabled{visibility:hidden}.ecl label.f{display:block;text-align:left;font-size:12px;color:#ffffffaa;margin:16px 0 6px}.ecl .in{display:flex;align-items:center;background:#fff;color:#0F1E4A;border-radius:12px;height:52px;overflow:hidden;border:0}.ecl .in:focus-within{box-shadow:0 0 0 3px #20B2AA}.ecl .in input{flex:1;min-width:0;height:100%;padding:0 14px;font-size:16px;background:transparent;outline:none;color:#0F1E4A}.ecl .in .eye{width:46px;height:100%;display:grid;place-items:center;color:#64748b}.ecl .in .eye svg{width:22px;height:22px}.ecl .phw>div{background:#fff;border-radius:12px;color:#0F1E4A}.ecl .go{width:100%;background:#3157D5;color:#fff;border-radius:12px;height:54px;font-weight:700;font-size:16px;margin-top:20px}.ecl .go:disabled{opacity:.7}.ecl h2{font-size:24px;font-weight:700}@media (min-width:1024px){.ecl.pv .fade,.ecl.pv .ph{display:block}.ecl .ph{width:50%}.ecl .fade,.ecl .ph{height:100%;max-height:none}.ecl .fade{width:52%;background:linear-gradient(90deg,transparent 70%,#0F1E4A),linear-gradient(180deg,#0F1E4A99 0,transparent 18%)}.ecl .grad{width:50%;background:radial-gradient(circle at 50% 20%,#2443B0,#0F1E4A 70%)}.ecl .col{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0}.ecl .top{position:absolute;top:34px;left:38px;text-align:left}.ecl.ft .top{left:25%;transform:translateX(-50%);text-align:center}.ecl .body{grid-column:2;margin:0 auto;padding:40px 0}.ecl.ft .body{max-width:304px}}.ecl .brand .mk{height:30px;width:auto;display:block}