.lg{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.lg-art{color:#fff;background:#0b0e1d;justify-content:center;align-items:center;padding:56px;display:flex;position:relative;overflow:hidden}.lg-glow{filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.lg-glow.g1{background:#4f46e5;width:520px;height:520px;animation:14s ease-in-out infinite alternate lgfloat;top:-160px;left:-140px}.lg-glow.g2{background:#a855f7;width:460px;height:460px;animation:18s ease-in-out infinite alternate-reverse lgfloat;bottom:-140px;right:-160px}@keyframes lgfloat{to{transform:translate(60px,40px)scale(1.08)}}.lg-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 40% 45%,#000 0%,#0000 70%);mask-image:radial-gradient(circle at 40% 45%,#000 0%,#0000 70%)}.lg-art-in{max-width:470px;position:relative}.lg-brand .crm-brand-name,.lg-mobile-brand .crm-brand-name{color:#fff;font-size:20px;font-weight:700}.lg-brand .crm-brand-name small{color:#a5a8ff}.lg-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.lg-art h2{letter-spacing:-1px;background:linear-gradient(#fff,#c7c9ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 22px;font-size:34px;font-weight:750;line-height:1.15}.lg-points{flex-direction:column;gap:12px;margin:0 0 36px;padding:0;list-style:none;display:flex}.lg-points li{color:#c9cce6;align-items:center;gap:12px;font-size:15px;display:flex}.lg-points .msi{color:#a5a8ff;background:#ffffff12;border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:inline-flex}.lg-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:1fr 1fr 1.3fr;gap:12px;padding:14px;display:grid;box-shadow:0 20px 60px #00000059}.lg-kpi{background:#ffffff0f;border-radius:13px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.lg-kpi span{color:#9aa0c4;font-size:11.5px}.lg-kpi b{letter-spacing:-.5px;font-size:26px;font-weight:750}.lg-kpi i{color:#4ade80;font-size:12px;font-style:normal;font-weight:700}.lg-bars{background:#ffffff0f;border-radius:13px;align-items:flex-end;gap:6px;padding:12px;display:flex}.lg-bars i{transform-origin:bottom;background:linear-gradient(#a5a8ff,#6366f1);border-radius:5px 5px 2px 2px;flex:1;animation:1.2s cubic-bezier(.2,0,0,1) both lgbar}.lg-bars i:nth-child(2){animation-delay:60ms}.lg-bars i:nth-child(3){animation-delay:.12s}.lg-bars i:nth-child(4){animation-delay:.18s}.lg-bars i:nth-child(5){animation-delay:.24s}.lg-bars i:nth-child(6){animation-delay:.3s}.lg-bars i:nth-child(7){animation-delay:.36s}@keyframes lgbar{0%{transform:scaleY(0)}}.lg-form-side{background:var(--surface);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px 20px;display:flex}.lg-card{width:100%;max-width:380px;margin:auto 0}.lg-card.shake{animation:.35s lgshake}@keyframes lgshake{20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.lg-mobile-brand{display:none}.lg-card h1{letter-spacing:-.8px;margin:0;font-size:30px;font-weight:750}.lg-sub{color:var(--ink-2);margin:6px 0 30px;font-size:15px}.lg-field{color:var(--ink-2);flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.lg-in{border:1.5px solid var(--line);background:#fbfbfe;border-radius:13px;align-items:center;height:50px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex;position:relative}.lg-in>.msi{color:var(--muted);pointer-events:none;font-size:20px;transition:color .15s;position:absolute;left:14px}.lg-in input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 14px 0 44px;font-size:15.5px;font-weight:500}.lg-in input::placeholder{color:#b3b9cb;font-weight:400}.lg-in:focus-within{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #5b5bf621}.lg-in:focus-within>.msi{color:var(--brand)}.lg-in.invalid{border-color:var(--bad);box-shadow:0 0 0 4px #e11d481a}.lg-eye{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;margin-right:4px;display:inline-flex}.lg-eye:hover{color:var(--ink);background:#f0f1f7}.lg-err{background:var(--bad-soft);color:#be123c;border-radius:12px;align-items:flex-start;gap:8px;margin:2px 0 14px;padding:11px 13px;font-size:13.5px;font-weight:500;display:none}.lg-err.show{display:flex}.lg-err .msi{font-size:19px}.lg-submit{border-radius:13px;width:100%;height:50px;margin-top:6px;font-size:15.5px}.lg-submit .msi{transition:transform .15s}.lg-submit:hover .msi{transform:translate(3px)}.lg-spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite lgspin;display:none}.lg-card.busy .lg-spin{display:inline-block}.lg-card.busy .lg-submit .msi{display:none}@keyframes lgspin{to{transform:rotate(360deg)}}.lg-note{color:var(--muted);gap:8px;margin:22px 0 0;font-size:13px;line-height:1.45;display:flex}.lg-note .msi{color:#a5a8ff;font-size:18px}.lg-foot{color:var(--muted);font-size:12.5px}@media (width<=980px){.lg{grid-template-columns:1fr}.lg-art{display:none}.lg-form-side{background:radial-gradient(90% 50% at 50% 0,#eef0ff 0%,#fff 60%)}.lg-mobile-brand{align-items:center;gap:11px;margin-bottom:34px;display:flex}.lg-mobile-brand .crm-brand-name{color:var(--ink)}.lg-mobile-brand .crm-brand-name small{color:var(--brand)}}
