.scoppar-gate-overlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:14px}
.scoppar-gate-modal{width:100%;max-width:520px;background:#fff;border-radius:16px;box-shadow:0 10px 35px rgba(0,0,0,.25);overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.scoppar-gate-head{padding:18px 18px 10px}
.scoppar-gate-title{font-size:20px;font-weight:800}
.scoppar-gate-sub{margin-top:6px;color:#4b5563;font-size:13px}
.scoppar-gate-close{position:absolute;margin:10px 10px 0 0;right:0;top:0;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#111;padding:8px 12px}
.scoppar-gate-tabs{display:flex;gap:8px;padding:0 18px 10px}
.scoppar-gate-tab{flex:1;border:1px solid #e5e7eb;background:#f9fafb;border-radius:12px;padding:10px 8px;font-weight:700;cursor:pointer}
.scoppar-gate-tab.is-active{background:#111;color:#fff;border-color:#111}
.scoppar-gate-body{padding:0 18px 18px}
.scoppar-gate-panel{display:none}
.scoppar-gate-panel.is-active{display:block}
.scoppar-gate-body label{display:block;margin:10px 0 6px;font-weight:700;font-size:13px}
.scoppar-gate-body input[type=email],.scoppar-gate-body input[type=password],.scoppar-gate-body input[type=text]{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 12px;font-size:14px}
.scoppar-gate-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px}
.scoppar-gate-check input{margin-top:3px}
.scoppar-gate-btn{margin-top:14px;width:100%;border:1px solid #111;background:#fff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}
.scoppar-gate-btn.primary{background:#111;color:#fff}
.scoppar-gate-btn.link{background:transparent;border:0;color:#111;text-decoration:underline;margin-top:10px}
.scoppar-gate-msg{margin-top:10px;font-size:13px}
.scoppar-gate-msg.ok{color:#065f46}
.scoppar-gate-msg.err{color:#b91c1c}
.scoppar-gate-note{margin-top:10px;color:#6b7280;font-size:12px}
.scoppar-gate-foot{padding:0 18px 18px}
.scoppar-gate-mini{margin-top:10px;color:#6b7280;font-size:12px}
@media (max-width:520px){
  .scoppar-gate-overlay{padding:0}
  .scoppar-gate-modal{border-radius:0;max-width:none;height:100%;display:flex;flex-direction:column}
  .scoppar-gate-body{flex:1;overflow:auto}
}