.lg-body{margin:0;min-height:100vh;background:#eef2f9;overflow-x:hidden;position:relative}
.lg-stage{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.ring{position:absolute;display:block;border-radius:50%;border:solid var(--c);width:var(--s);height:var(--s);border-width:calc(var(--s)*.18);opacity:.32;
  animation:lgFloat var(--d,12s) ease-in-out infinite alternate}
.r1{--c:#ed1c24;--s:200px;top:-60px;left:-50px}
.r2{--c:#f9c32a;--s:110px;top:48%;left:-30px;--d:10s}
.r3{--c:#5bb947;--s:170px;bottom:-60px;left:22%;--d:13s}
.r4{--c:#f58220;--s:140px;top:6%;right:5%;--d:11s}
.r5{--c:#2b3a9e;--s:80px;top:55%;right:6%;--d:9s}
.r6{--c:#f9c32a;--s:210px;bottom:-90px;right:-50px;--d:14s}
@keyframes lgFloat{from{transform:translateY(0)}to{transform:translateY(-16px)}}
.lg-lines{position:absolute;top:0;height:100%;width:300px;opacity:.6}
.lg-lines.l{left:0}.lg-lines.r{right:0}

.lg-wrap{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px}
.lg-card{position:relative;width:100%;max-width:380px;padding:26px 28px 24px;border-radius:16px;background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 50px -24px rgba(27,34,80,.35)}
.cn{position:absolute;width:20px;height:20px;border:0 solid #e0892f}
.cn.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;border-top-left-radius:16px}
.cn.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px;border-top-right-radius:16px}
.cn.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:16px}
.cn.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:16px}
.lg-logo{display:flex;justify-content:center;margin-bottom:8px}
.lg-logo img{width:150px;height:auto;display:block}
.lg-logo span{font-weight:900;font-size:26px;font-style:italic;color:#e11d2a}
.lg-logo span:last-child{color:#0f1a24}
.lg-card h1{margin:0 0 4px;text-align:center;font-size:20px;font-weight:600;color:#1b2250}
.lg-sub{margin:0 0 16px;text-align:center;color:var(--mut);font-size:13px}
.lg-card .alert{margin-bottom:14px;font-size:13px;padding:9px 12px}
.lg-field{margin-bottom:12px}
.lg-field label{display:block;font-size:12px;font-weight:600;color:#3b4262;margin-bottom:4px}
.lg-input{position:relative;color:#8d96b3}
.lg-input svg{position:absolute;left:12px;top:50%;margin-top:-8px;pointer-events:none}
.lg-input input{width:100%;height:40px;padding:0 58px 0 38px;border:1px solid #d6dcec;border-radius:9px;background:#fff;color:var(--tx);font-size:14px;transition:border-color .15s,box-shadow .15s}
.lg-input input:focus{outline:none;border-color:#e0892f;box-shadow:0 0 0 3px rgba(224,137,47,.16)}
.lg-input:focus-within{color:#e0892f}
.lg-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:#4b4fbf;font-size:12px;cursor:pointer;padding:5px 7px;border-radius:6px;font-family:inherit}
.lg-eye:hover{background:#eceefb}
.lg-btn{display:block;margin:18px auto 0;height:38px;padding:0 34px;border:0;border-radius:9px;cursor:pointer;color:#fff;background:#e51c23;font-size:14px;font-weight:600;font-family:inherit;transition:background .15s}
.lg-btn:hover{background:#c9151b}
.lg-btn:focus-visible,.lg-eye:focus-visible{outline:3px solid rgba(224,137,47,.45);outline-offset:2px}
.lg-alt{margin:14px 0 0;text-align:center;font-size:13px;color:var(--mut)}
.lg-foot{margin:20px 0 0;color:#8d96b3;font-size:12px;text-align:center}
@media(max-width:700px){.lg-lines{opacity:.3}.ring{opacity:.22}}
@media(prefers-reduced-motion:reduce){.ring{animation:none}}
.lg-code input{padding:0 12px;text-align:center;letter-spacing:5px;font-size:18px}
.lg-code input::placeholder{letter-spacing:5px;color:#b3b9cc}
.lg-two{display:flex;justify-content:space-between}