.lg-layout{color:#111;background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid}.lg-brand{color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280,#4b5563);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px;display:flex;position:relative;overflow:hidden}.grid-overlay{z-index:3;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 20px),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 20px);position:absolute;inset:0}.blob1,.blob2{z-index:1;filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.blob1{background:#9ca3af33;width:256px;height:256px;top:25%;right:25%}.blob2{background:#d1d5db33;width:384px;height:384px;bottom:25%;left:25%}.lg-characters-wrap{z-index:20;justify-content:center;align-items:flex-end;height:500px;display:flex;position:relative}.lg-characters{width:550px;height:400px;position:relative}.lg-char{transform-origin:bottom;transition:all .7s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.char-purple{z-index:1;background:#6c3ff5;border-radius:10px 10px 0 0;width:180px;height:400px;left:70px}.char-black{z-index:2;background:#2d2d2d;border-radius:8px 8px 0 0;width:120px;height:310px;left:240px}.char-orange{z-index:3;background:#ff9b6b;border-radius:120px 120px 0 0;width:240px;height:200px;transition-duration:.2s;left:0}.char-yellow{z-index:4;background:#e8d754;border-radius:70px 70px 0 0;width:140px;height:230px;transition-duration:.2s;left:310px}.eyes-wrap{gap:32px;transition:all .2s ease-out;display:flex;position:absolute}.char-purple .eyes-wrap,.char-black .eyes-wrap{transition:all .7s cubic-bezier(.4,0,.2,1)}.char-black .eyes-wrap,.char-yellow .eyes-wrap{gap:24px}.eyeball{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:height .15s;display:flex;overflow:hidden}.eyeball.small{width:16px;height:16px}.eyeball i{background:#2d2d2d;border-radius:50%;width:7px;height:7px;transition:transform .1s ease-out}.eyeball.small i{width:6px;height:6px}.pupil-only{background:#2d2d2d;border-radius:50%;width:12px;height:12px;transition:transform .1s ease-out}.mouth{background:#2d2d2d;border-radius:4px;width:80px;height:4px;transition:all .2s ease-out;position:absolute}.lg-brand-links{z-index:30;gap:36px;font-size:10px;display:flex;position:absolute;bottom:31px;left:31px}.lg-brand-links a{color:#141b2657;text-decoration:none}.lg-brand-links a:hover{color:#141b26ad}.lg-form-side{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.lg-form-wrap{width:100%;max-width:420px}.lg-form-header{text-align:center;margin-bottom:40px}.lg-form-header h1{letter-spacing:0;margin:0 0 8px;font-size:30px;font-weight:700;line-height:1.2}.lg-form-header p{color:#6b7280;margin:0;font-size:14px}.lg-field{margin-bottom:20px;display:block}.lg-field>span{margin-bottom:6px;font-size:14px;font-weight:500;display:block}.lg-field input,.lg-password{color:#1f2937;width:100%;height:48px;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;font-size:15px;transition:border-color .2s}.lg-field input{padding:0 16px}.lg-field input::placeholder{color:#9ca3af;opacity:1}.lg-field input:focus,.lg-password:focus-within{border-color:#111}.lg-field input.is-error,.lg-password.is-error{border-color:#e44d4d}.lg-field em{color:#d73d3d;margin-top:6px;font-size:12px;font-style:normal;display:none}.lg-field em.show{display:block}.lg-password{align-items:center;display:flex;position:relative}.lg-password input{border:0;border-radius:8px;flex:1;min-width:0;height:46px;padding:0 44px 0 16px}.lg-password input:focus{border-color:#0000}.lg-password button,.lg-form-options button,.lg-signup button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.lg-password button{z-index:2;color:#9ca3af;place-items:center;width:28px;height:28px;transition:color .2s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lg-password button:hover{color:#111}.lg-form-options{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lg-remember{cursor:pointer;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.lg-remember input{accent-color:#111;cursor:pointer;width:16px;height:16px;margin:0}.lg-form-options button{color:#111;white-space:nowrap;font-size:14px;font-weight:500}.lg-form-options button:hover,.lg-signup button:hover{text-decoration:underline}.lg-slider{margin-bottom:20px}.lg-slider.is-error .lg-slider-track{background:#fef2f2;border-color:#e44d4d;box-shadow:0 0 0 3px #e44d4d29}.lg-slider.is-error .lg-slider-handle{color:#e44d4d;box-shadow:0 1px 3px #e44d4d4d}.lg-slider-error{color:#d73d3d;margin-top:6px;font-size:12px;font-style:normal;display:none}.lg-slider-error.show{display:block}.lg-slider-track{-webkit-user-select:none;user-select:none;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;height:48px;position:relative;overflow:hidden}.lg-slider-fill{z-index:1;background:#111;position:absolute;top:0;bottom:0;left:0}.lg-slider:not(.is-dragging) .lg-slider-fill{transition:width .25s cubic-bezier(.4,0,.2,1),background .2s}.lg-slider-text{z-index:2;letter-spacing:.04em;pointer-events:none;background:linear-gradient(100deg,#9ca3af 0% 42%,#3f444c 50%,#9ca3af 58% 100%) 100% 0/200% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.lg-slider:not(.is-dragging):not(.is-done) .lg-slider-text{animation:4s ease-in-out infinite lg-slider-shimmer}@keyframes lg-slider-shimmer{0%{background-position:100% 0}55%,to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.lg-slider-text{animation:none!important}}.lg-slider-handle{z-index:3;color:#9ca3af;cursor:grab;touch-action:none;background:#fff;border-radius:7px;place-items:center;width:44px;display:grid;position:absolute;top:0;bottom:0;left:0;box-shadow:0 1px 3px #11182729}.lg-slider.is-dragging .lg-slider-handle{cursor:grabbing}.lg-slider:not(.is-dragging) .lg-slider-handle{transition:transform .25s cubic-bezier(.4,0,.2,1),background .2s,color .2s}.lg-slider-handle svg{width:18px;height:18px}.lg-slider.is-done .lg-slider-track{background:#14823b;border-color:#14823b}.lg-slider.is-done .lg-slider-fill{background:#14823b}.lg-slider.is-done .lg-slider-text{-webkit-text-fill-color:#fff;color:#fff;background:0 0}.lg-slider.is-done .lg-slider-handle{color:#fff;cursor:default;background:#14823b}.hover-btn{color:#111;width:100%;height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;font-size:16px;font-weight:600;position:relative;overflow:hidden}.hover-btn .label{transition:all .3s;display:inline-block}.hover-btn .overlay{z-index:10;color:#fff;opacity:0;background:#111;border-radius:9999px;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.hover-btn:hover .label{opacity:0;transform:translate(48px)}.hover-btn:hover .overlay{opacity:1}.hover-btn:disabled{cursor:wait;opacity:.72}.hover-btn:disabled .label{opacity:1;transform:none}.hover-btn:disabled .overlay{opacity:0}.arrow-icon{width:16px;height:16px}.lg-signup{text-align:center;color:#6b7280;margin:32px 0 0;font-size:14px}.lg-signup button{color:#111;font-weight:500;text-decoration:none}.lg-toast{z-index:1000;color:#fff;background:#111827;border-radius:999px;align-items:center;gap:8px;max-width:min(420px,100vw - 32px);padding:10px 16px;font-size:13px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #1118272e}.lg-toast.success{background:#14823b}.lg-toast.error{background:#cf3434}.lg-toast.info{background:#283c71}@media (max-width:1024px){.lg-layout{grid-template-columns:1fr}.lg-brand{min-height:300px;padding:24px 16px 0}.lg-characters-wrap{height:220px}.lg-characters{transform-origin:bottom;transform:scale(.45)}.lg-brand-links{display:none}.lg-form-side{min-height:auto;padding:24px 20px 40px}.lg-form-header{margin-bottom:24px}}@media (max-width:520px){.lg-form-options{flex-direction:column;align-items:flex-start}}
