@charset "utf-8";

.popup-wrap{min-height:420px;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}
.popup-card{background:var(--color-background-primary);border-radius:var(--border-radius-lg);border:0.5px solid var(--color-border-tertiary);padding:32px 28px;width:340px}
.popup-logo{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.logo-icon{width:36px;height:36px;background:#FAE100;border-radius:8px;display:flex;align-items:center;justify-content:center}
.logo-icon svg{width:22px;height:22px}
.popup-title{font-size:17px;font-weight:500;color:var(--color-text-primary);margin:0}
.popup-sub{font-size:13px;color:var(--color-text-secondary);margin:4px 0 24px;line-height:1.5}
.field-wrap{position:relative;margin-bottom:20px}
.field-wrap input{width:100%;box-sizing:border-box;padding:14px 12px 6px;font-size:15px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary);outline:none;transition:border-color 0.2s}
.field-wrap input:focus{border-color:#FAE100;box-shadow:0 0 0 2px rgba(250,225,0,0.25)}
.field-wrap label{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--color-text-tertiary);pointer-events:none;transition:all 0.18s;background:transparent}
.field-wrap input:focus + label,
.field-wrap input:not(:placeholder-shown) + label{top:8px;transform:none;font-size:11px;color:#B89A00;font-weight:500}
.field-wrap input:focus{border-color:#FAE100}
.btn-row{display:flex;gap:10px;margin-top:8px}
.btn-cancel{flex:1;padding:11px;border:0.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:background 0.15s}
.btn-cancel:hover{background:var(--color-background-secondary)}
.btn-link{flex:2;padding:11px;border:none;border-radius:var(--border-radius-md);background:#FAE100;color:#3D2F00;font-size:14px;font-weight:500;cursor:pointer;transition:filter 0.15s;display:flex;align-items:center;justify-content:center;gap:6px}
.btn-link:hover{filter:brightness(0.95)}
.btn-link:active{transform:scale(0.98)}
.shake{animation:shake 0.35s}
@keyframes shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.spinner{width:16px;height:16px;border:2px solid rgba(61,47,0,0.3);border-top-color:#3D2F00;border-radius:50%;display:none;animation:spin 0.7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.success-msg{display:none;text-align:center;padding:12px 0 4px}
.success-icon{width:44px;height:44px;background:#FAE100;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.divider{display:flex;align-items:center;gap:8px;margin:0 0 18px}
.divider-line{flex:1;height:0.5px;background:var(--color-border-tertiary)}
.divider-txt{font-size:12px;color:var(--color-text-tertiary)}