.login-pop{position:fixed;inset:0;z-index:290;display:none;align-items:center;justify-content:center;padding:24px}.login-pop.is-open{display:flex}.login-pop__mask{position:absolute;inset:0;background:rgba(0,0,0,.7)}.login-pop__panel{position:relative;z-index:1;width:440px;max-width:100%;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#141417;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:0 24px 64px rgba(0,0,0,.55);overflow:hidden}.login-pop__close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,4%);border-radius:999px}.login-pop__close .icon{width:18px;height:18px}.login-pop__intro{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:40px}.login-pop__title{margin:0;color:var(--text);font-size:28px;font-weight:600;line-height:38px}.login-pop__desc{margin:0;color:var(--text-muted);font-size:14px;line-height:22px}.login-pop__form{align-self:stretch;display:flex;flex-direction:column;gap:16px}.login-pop__field{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.login-pop__label{color:var(--text-muted);font-size:14px;font-weight:500;line-height:20px}.login-pop__control{align-self:stretch;height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,6%);border:1px solid transparent;border-radius:12px;outline:1px solid transparent;outline-offset:-1px}.login-pop__control:focus-within{outline-color:rgba(236,35,127,.45)}.login-pop__field.is-error .login-pop__control{outline-color:#ff5a5f}.login-pop__error{display:inline-flex;align-items:center;gap:6px;color:#ff5a5f;font-size:12px;font-weight:400;line-height:18px}.login-pop__error[hidden]{display:none!important}.login-pop__error-icon{width:14px;height:14px;flex-shrink:0}.login-pop__control>.icon{width:18px;height:18px;flex-shrink:0;color:var(--text-dim)}.login-pop__input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:none;background:0 0;color:var(--text);font:inherit;font-size:15px;line-height:24px}.login-pop__input::placeholder{color:var(--text-dim)}.login-pop__toggle{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}.login-pop__toggle .icon{width:18px;height:18px}.login-pop__meta{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-pop__remember{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;line-height:20px;cursor:pointer}.login-pop__checkbox{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.login-pop__check{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:rgba(255,255,255,6%);border:1px solid var(--line)}.login-pop__checkbox:checked+.login-pop__check{border-color:transparent;background:linear-gradient(135deg,#ff4a7b 0%,#ec237f 52%,#93226f 100%)}.login-pop__checkbox:checked+.login-pop__check::after{content:"";width:10px;height:6px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-1px)rotate(-45deg)}.login-pop__submit{align-self:stretch;height:52px;padding:0 28px;font-size:16px;line-height:24px}.login-pop__submit.is-loading,.login-pop__submit:disabled{opacity:.72;cursor:wait}.login-pop__tip{margin:0;align-self:stretch;padding:8px 12px;border-radius:8px;font-size:13px;line-height:20px;background:rgba(255,74,123,.1);color:#ff4a7b}.login-pop__tip.is-success{background:rgba(30,120,70,.12);color:#1e7846}.login-pop__tip[hidden]{display:none!important}.login-pop__rule{align-self:stretch;height:1px;background:var(--line-soft)}.login-pop__legal{margin:0;align-self:stretch;text-align:center;color:var(--text-dim);font-size:12px;line-height:18px}.login-pop__legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(max-width:768px){.login-pop{padding:16px}.login-pop__panel{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:24px 20px;border-radius:18px;overflow-y:auto}.login-pop__title{font-size:24px;line-height:32px}}