@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{--lp-bg:#e8e8e8;--lp-card-bg:#fff;--lp-text-primary:#111;--lp-text-secondary:#6b7280;--lp-text-muted:#9ca3af;--lp-shop-bg:#5c32c8;--lp-shop-bg-hover:#4e2aad;--lp-shop-bg-active:#421f96;--lp-primary-bg:#1a56db;--lp-primary-bg-hover:#1547c0;--lp-primary-bg-active:#1240b0;--lp-input-border:#d1d5db;--lp-input-border-focus:#1a56db;--lp-input-border-error:#dc2626;--lp-checkbox-border:#d1d5db;--lp-checkbox-checked:#1a56db;--lp-error-bg:#fef2f2;--lp-error-border:#fca5a5;--lp-error-text:#dc2626;--lp-success-bg:#f0fdf4;--lp-success-border:#86efac;--lp-success-text:#16a34a;--lp-link-color:#1a56db;--lp-back-color:#6b7280;--lp-back-hover:#111;--lp-logo-color:#c8c8cc;--lp-logo-shadow:#fff;--lp-card-radius:16px;--lp-btn-radius:8px;--lp-input-radius:8px;--lp-card-padding:40px 48px;--lp-font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.lp-root{min-height:100vh;font-family:var(--lp-font);flex-direction:column;justify-content:center;align-items:center;padding:24px 16px 64px;display:flex;position:relative;overflow:hidden}.lp-bg{background-color:var(--lp-bg);z-index:0;position:fixed;inset:0}.lp-card{z-index:1;background:var(--lp-card-bg);border-radius:var(--lp-card-radius);padding:var(--lp-card-padding);width:100%;max-width:560px;animation:.35s cubic-bezier(.22,1,.36,1) both lp-card-in;position:relative;box-shadow:0 1px 2px #0000000a,0 4px 12px #00000014,0 16px 40px #0000000f}@keyframes lp-card-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lp-step{flex-direction:column;align-items:center;width:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lp-step-in;display:flex}@keyframes lp-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.lp-logo{justify-content:center;align-items:center;gap:2px;margin-bottom:28px;display:flex}.lp-logo__letter{font-family:var(--lp-font);color:var(--lp-logo-color);text-shadow:0 2px #ffffffe6,0 -1px #00000014,0 4px 8px #0000001a;letter-spacing:-2px;filter:drop-shadow(0 1px 1px #0000001f);-webkit-font-smoothing:antialiased;font-size:64px;font-weight:700;line-height:1}.lp-header{width:100%;margin-bottom:24px}.lp-header__title{color:var(--lp-text-primary);letter-spacing:-.3px;margin-bottom:4px;font-size:26px;font-weight:700;line-height:1.2}.lp-header__subtitle{color:var(--lp-text-secondary);font-size:14px;line-height:1.5}.lp-header__email{color:var(--lp-text-primary);font-weight:600}.lp-feedback{border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:13.5px;line-height:1.45;animation:.2s both lp-feedback-in;display:flex}@keyframes lp-feedback-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lp-feedback--error{background:var(--lp-error-bg);border-color:var(--lp-error-border);color:var(--lp-error-text)}.lp-feedback--success{background:var(--lp-success-bg);border-color:var(--lp-success-border);color:var(--lp-success-text)}.lp-feedback__icon{flex-shrink:0;margin-top:1px;font-size:14px}.lp-feedback__text{font-weight:500}.lp-btn{border-radius:var(--lp-btn-radius);width:100%;font-family:var(--lp-font);cursor:pointer;letter-spacing:.1px;-webkit-tap-highlight-color:transparent;border:none;outline:none;justify-content:center;align-items:center;gap:6px;padding:14px 20px;font-size:15px;font-weight:600;transition:background-color .15s,transform .1s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.lp-btn:focus-visible{outline-offset:2px;outline:3px solid #1a56db73}.lp-btn:active:not(:disabled){transform:scale(.985)}.lp-btn:disabled{opacity:.7;cursor:not-allowed}.lp-btn--shop{background:var(--lp-shop-bg);color:#fff;margin-bottom:20px}.lp-btn--shop:hover:not(:disabled){background:var(--lp-shop-bg-hover);box-shadow:0 4px 12px #5c32c859}.lp-btn--shop:active:not(:disabled){background:var(--lp-shop-bg-active)}.lp-btn--shop strong{font-weight:700}.lp-btn--primary{background:var(--lp-primary-bg);color:#fff;margin-bottom:20px}.lp-btn--primary:hover:not(:disabled){background:var(--lp-primary-bg-hover);box-shadow:0 4px 12px #1a56db59}.lp-btn--primary:active:not(:disabled){background:var(--lp-primary-bg-active)}.lp-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite lp-spin;display:inline-block}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-divider{align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.lp-divider__line{background:#e5e7eb;flex:1;height:1px}.lp-divider__label{color:var(--lp-text-muted);flex-shrink:0;font-size:13px;font-weight:500}.lp-field{width:100%;margin-bottom:12px}.lp-field__input{width:100%;font-family:var(--lp-font);color:var(--lp-text-primary);border:1.5px solid var(--lp-input-border);border-radius:var(--lp-input-radius);appearance:none;background:#fff;outline:none;padding:13px 16px;font-size:15px;font-weight:400;transition:border-color .15s,box-shadow .15s;display:block}.lp-field__input::placeholder{color:var(--lp-text-muted)}.lp-field__input:focus{border-color:var(--lp-input-border-focus);box-shadow:0 0 0 3px #1a56db26}.lp-field__input--error{border-color:var(--lp-input-border-error)}.lp-field__input--error:focus{box-shadow:0 0 0 3px #dc262626}.lp-field__input:disabled{cursor:not-allowed;background:#f9fafb}.lp-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.lp-checkbox__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.lp-checkbox__box{border:1.5px solid var(--lp-checkbox-border);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:border-color .15s,background .15s;display:flex;position:relative}.lp-checkbox__input:checked+.lp-checkbox__box{background:var(--lp-checkbox-checked);border-color:var(--lp-checkbox-checked)}.lp-checkbox__input:checked+.lp-checkbox__box:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;display:block;transform:rotate(-45deg)translateY(-1px)}.lp-checkbox:hover .lp-checkbox__box{border-color:var(--lp-primary-bg)}.lp-checkbox__input:focus-visible+.lp-checkbox__box{outline-offset:2px;outline:3px solid #1a56db66}.lp-checkbox__label{color:var(--lp-text-secondary);font-size:13.5px;line-height:1.4}.lp-terms{color:var(--lp-text-muted);text-align:center;font-size:12.5px;line-height:1.5}.lp-terms__link{color:var(--lp-link-color);text-underline-offset:2px;text-decoration:underline;transition:color .15s}.lp-terms__link:hover{color:var(--lp-primary-bg-hover)}.lp-otp{justify-content:center;gap:10px;width:100%;margin-bottom:20px;display:flex}.lp-otp__digit{text-align:center;width:52px;height:60px;font-family:var(--lp-font);color:var(--lp-text-primary);border:1.5px solid var(--lp-input-border);caret-color:var(--lp-primary-bg);appearance:none;background:#fff;border-radius:10px;outline:none;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s,transform .1s}.lp-otp__digit:focus{border-color:var(--lp-input-border-focus);box-shadow:0 0 0 3px #1a56db26}.lp-otp__digit--filled{background:#eff6ff;border-color:#93c5fd}.lp-otp__digit--error{border-color:var(--lp-input-border-error);animation:.35s lp-shake}.lp-otp__digit--error:focus{box-shadow:0 0 0 3px #dc262626}.lp-otp__digit:disabled{opacity:.6;cursor:not-allowed}@keyframes lp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.lp-resend{align-items:center;gap:6px;margin-bottom:24px;font-size:13.5px;display:flex}.lp-resend__text{color:var(--lp-text-secondary)}.lp-resend__btn{font-family:var(--lp-font);color:var(--lp-link-color);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;outline:none;padding:0;font-size:13.5px;font-weight:600;text-decoration:underline;transition:color .15s}.lp-resend__btn:hover:not(:disabled){color:var(--lp-primary-bg-hover)}.lp-resend__btn:disabled{color:var(--lp-text-muted);cursor:default;text-decoration:none}.lp-resend__btn:focus-visible{outline:2px solid var(--lp-primary-bg);outline-offset:2px;border-radius:3px}.lp-back{font-family:var(--lp-font);color:var(--lp-back-color);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:500;transition:color .15s;display:flex}.lp-back:hover{color:var(--lp-back-hover)}.lp-back:focus-visible{outline:2px solid var(--lp-primary-bg);outline-offset:3px;border-radius:3px}.lp-back__arrow{font-size:16px;line-height:1;transition:transform .15s}.lp-back:hover .lp-back__arrow{transform:translate(-3px)}.lp-footer{z-index:1;text-align:center;margin-top:20px;position:relative}.lp-footer__link{font-family:var(--lp-font);color:var(--lp-link-color);font-size:13px;text-decoration:none;transition:color .15s}.lp-footer__link:hover{color:var(--lp-primary-bg-hover);text-underline-offset:2px;text-decoration:underline}@media (width<=600px){:root{--lp-card-padding:32px 24px}.lp-logo__letter{font-size:52px}.lp-header__title{font-size:22px}.lp-otp{gap:7px}.lp-otp__digit{border-radius:8px;width:44px;height:54px;font-size:20px}}@media (width<=380px){:root{--lp-card-padding:28px 18px}.lp-otp__digit{width:38px;height:48px;font-size:18px}}@media (prefers-reduced-motion:reduce){.lp-card,.lp-step,.lp-feedback,.lp-spinner,.lp-otp__digit--error{transition:none!important;animation:none!important}}