.lg{--navy:#061a3a;--navy2:#0b3d75;--em:#10b981;--em2:#059669;--ink:#0f172a;--mut:#475569;--line:#cbd5e1;color:#fff;background:radial-gradient(900px 480px at 85% 10%, #22d3ee33, transparent 60%), radial-gradient(800px 480px at 5% 95%, #10b98138, transparent 60%), linear-gradient(135deg, var(--navy), var(--navy2));flex-direction:column;justify-content:space-between;align-items:center;gap:24px;min-height:100vh;padding:32px 20px 22px;display:flex}.lg *,.lg :before,.lg :after{box-sizing:border-box}.lg-top{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.lg-stage{border:3px solid #fff;border-radius:263px;align-items:center;width:min(960px,100%);height:526px;padding:10px;display:flex}.lg-card{width:500px;height:500px;color:var(--ink);background:#fff;border-radius:50%;flex-direction:column;flex:0 0 500px;justify-content:center;gap:6px;padding:0 84px;display:flex;overflow:hidden}.lg-logo{width:auto;height:50px;margin:0 auto;display:block}.lg-brand{text-align:center;letter-spacing:-.02em;color:var(--navy);margin:0;font-size:1.55rem;font-weight:800;line-height:1}.lg-brand b{color:var(--em2);font-weight:800}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lg-sub{text-align:center;color:var(--navy);margin:0 0 4px;font-size:1.05rem;font-weight:600}.lg-form{flex-direction:column;gap:8px;display:flex}.lg-form .lg-err,.lg-form .lg-ok{padding:6px 8px;font-size:.78rem}.lg-form .lg-help{font-size:.8rem}.lg-label{color:var(--mut);font-size:.85rem;font-weight:600;display:block}.lg-input{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#eef4ff;border-radius:8px;outline:none;margin-top:4px;padding:10px 12px;font-size:.95rem;display:block}.lg-input:focus{border-color:var(--em2);background:#fff;box-shadow:0 0 0 3px #10b98140}.lg-input.code{text-align:center;letter-spacing:.4em;font-size:1.15rem}.lg-btn{width:100%;font:inherit;color:#fff;background:linear-gradient(135deg, var(--navy2), var(--navy));cursor:pointer;border:0;border-radius:8px;padding:11px 14px;font-weight:700;transition:filter .15s}.lg-btn:hover{filter:brightness(1.15)}.lg-btn:disabled{opacity:.55;cursor:default}.lg-link{font:inherit;color:var(--navy2);text-align:center;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.lg-link.soft{color:var(--mut);font-weight:500}.lg-help{color:var(--mut);margin:0;font-size:.88rem;line-height:1.45}.lg-err{color:#b91c1c;background:#fee2e2;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}.lg-ok{color:#065f46;background:#d1fae5;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}.lg-hello{flex:1;padding:0 56px 0 52px}.lg-hello h2{letter-spacing:-.01em;margin:0 0 12px;font-size:1.9rem;font-weight:800;line-height:1.2}.lg-hello h2 b{color:#34d399}.lg-hello p{color:#ffffffd1;max-width:380px;margin:0 0 20px;font-size:.98rem;line-height:1.6}.lg-cta{color:#fff;border:2px solid #ffffffd9;border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.lg-cta:hover{background:#ffffff24}.lg-foot{color:#ffffffd9;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;width:min(960px,100%);font-size:.85rem;display:flex}.lg-foot a{color:#fff;font-weight:600;text-decoration:underline}.lg-foot nav{flex-wrap:wrap;gap:18px;display:flex}@media (max-width:820px){.lg{padding-top:24px}.lg-stage{border:0;border-radius:0;flex-direction:column;gap:26px;height:auto;padding:0}.lg-card{border-radius:28px;flex:none;width:100%;height:auto;padding:30px 26px;overflow:visible}.lg-hello{text-align:center;order:2;padding:0 6px}.lg-hello p{margin-inline:auto}.lg-hello h2{font-size:1.5rem}.lg-foot{text-align:center;justify-content:center}}
