.login-process{--pa:#6f9bff;--pb:#3fc16f;--pc:#f0c93a;--gold:#c9a227;position:relative;isolation:isolate;display:flex;min-height:240px;flex-direction:column;gap:18px;overflow:hidden;background:#061a40;padding:30px 44px 26px;color:#fff}.login-process:before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(38% 38% at 20% 22%,rgba(79,134,255,.38),transparent 70%),radial-gradient(34% 34% at 80% 78%,rgba(63,193,111,.26),transparent 70%),radial-gradient(28% 28% at 72% 14%,rgba(240,201,58,.2),transparent 70%);animation:login-process-drift 24s ease-in-out infinite alternate}@keyframes login-process-drift{0%{transform:translate3d(-3%,-2%,0) rotate(0)}to{transform:translate3d(3%,3%,0) rotate(8deg)}}.login-process .lp-wh{display:flex;align-items:center;gap:14px;font-size:.92rem;font-weight:600;line-height:1.25;letter-spacing:.02em}.login-process .lp-wh img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.login-process .lp-stage{display:grid;width:100%;max-width:800px;margin:0 auto;flex:1;align-items:center;cursor:grab;touch-action:pan-y}.login-process .lp-stage:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:12px}.login-process .lp-sl{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s,transform .5s,visibility 0s .5s}.login-process .lp-sl.on{opacity:1;visibility:visible;transform:none;transition-delay:0s}.login-process .lp-sl.on .lp-an{animation:login-process-up .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d, 0) * .1s + .12s)}@keyframes login-process-up{0%{opacity:0;transform:translateY(18px)}}.login-process .lp-sh{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.login-process .lp-num{font-size:3.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px var(--c)}.login-process .lp-tg{padding:4px 12px;border-radius:6px;background:var(--c);color:#0a1a35;font-size:.82rem;font-weight:800;letter-spacing:.12em}.login-process .lp-phl{font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c)}.login-process .lp-sl h2{margin:10px 0 4px;font-size:clamp(1.7rem,2.9vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.12}.login-process .lp-by{margin:0 0 18px;color:#c9d7f2;font-size:.92rem}.login-process .lp-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;margin-bottom:18px}.login-process .lp-sl h4{margin:0 0 8px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c)}.login-process .lp-w{margin:0;color:#eef3ff;font-size:1.02rem;line-height:1.55}.login-process .lp-sl ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.login-process .lp-sl li{position:relative;padding-left:22px;font-size:.98rem;line-height:1.4}.login-process .lp-sl li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:3px;background:var(--c)}.login-process .lp-bx{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-process .lp-bx>div{border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.4}.login-process .lp-l{display:block;margin-bottom:5px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.login-process .lp-o{background:#f0c93a;color:#0b2a12;font-weight:600}.login-process .lp-v{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);backdrop-filter:blur(6px)}.login-process .lp-v div{margin-top:3px}.login-process .lp-v div b{color:#f0c93a}.login-process .lp-ov h2{margin-bottom:8px}.login-process .lp-ov .lp-w{max-width:56ch;margin-bottom:18px}.login-process .lp-phs{display:grid;gap:10px;margin-bottom:16px}.login-process .lp-phr{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.09)}.login-process .lp-phr i{flex:none;align-self:stretch;width:10px;border-radius:5px;background:var(--c)}.login-process .lp-phr b{display:block;font-size:.98rem}.login-process .lp-phr span{font-size:.86rem;color:#c9d7f2}.login-process .lp-chp{display:flex;flex-wrap:wrap;gap:8px}.login-process .lp-chp span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);font-size:.78rem;font-weight:600}.login-process .lp-pg{width:100%;max-width:800px;height:3px;margin:0 auto;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.2)}.login-process .lp-pg i{display:block;width:0;height:100%;background:#fff}.login-process .lp-pg i.a{animation:login-process-fill 10s linear forwards}@keyframes login-process-fill{to{width:100%}}.login-process.hov .lp-pg i.a,.login-process.paused .lp-pg i.a{animation-play-state:paused}.login-process .lp-trk{position:relative;display:flex;width:100%;max-width:800px;margin:0 auto}.login-process .lp-ln{position:absolute;top:17px;right:calc(100% / 18);left:calc(100% / 18);height:4px;border-radius:2px;background:rgba(255,255,255,.22)}.login-process .lp-ln i{display:block;width:0;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--pa),var(--pb),var(--pc));transition:width .7s ease}.login-process .lp-nd{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:#fff;font:inherit;cursor:pointer}.login-process .lp-c{display:grid;width:38px;height:38px;place-items:center;border:2px solid var(--c);border-radius:50%;background:#0b2a5e;color:#fff;font-size:.9rem;font-weight:800;transition:transform .3s,background .3s,color .3s,box-shadow .3s}.login-process .lp-t{color:#b9c9ea;font-size:.66rem;font-weight:700;letter-spacing:.06em}.login-process .lp-nd.dn .lp-c,.login-process .lp-nd.on .lp-c{background:var(--c);color:#0a1a35}.login-process .lp-nd.on .lp-c{transform:scale(1.22);animation:login-process-pulse 1.8s ease-out infinite}.login-process .lp-nd.on .lp-t{color:#fff}@keyframes login-process-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}to{box-shadow:0 0 0 14px rgba(255,255,255,0)}}.login-process .lp-nd:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}.login-process .lp-wb{display:flex;width:100%;max-width:800px;margin:0 auto;align-items:center;justify-content:space-between;gap:16px}.login-process .lp-wb p{margin:0;color:#c9d7f2;font-size:.84rem}.login-process .lp-wb p b{color:#fff}.login-process .lp-wc{display:flex;flex:none;gap:8px}.login-process .lp-wc button{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.login-process .lp-wc button:hover{background:rgba(255,255,255,.28)}.login-process .lp-wc .i2,.login-process.paused .i1{display:none}.login-process.paused .i2{display:block}@media (max-width:900px){.login-process{min-height:0;gap:14px;padding:20px 18px 18px}.login-process .lp-bx,.login-process .lp-cols{grid-template-columns:1fr}.login-process .lp-num{font-size:2.6rem}.login-process .lp-t{font-size:.55rem}.login-process .lp-c{width:30px;height:30px;font-size:.78rem}.login-process .lp-ln{top:13px}.login-process .lp-wb p{display:none}.login-process .lp-wb{justify-content:center}.login-process .lp-wh img{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.login-process .lp-nd.on .lp-c,.login-process .lp-sl.on .lp-an,.login-process:before{animation:none!important}}@media (min-width:1024px){.login-process{min-height:100vh}}