/* "ফ্রি দোকান খুলুন" sign-up (/register) and its code step. Uses panel.css tokens. */
.su .form{max-width:480px;gap:16px}
.su .form h2{font-size:26px;line-height:1.25}
.su-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--accent50);color:var(--accent7);font-size:13px;font-weight:700;margin-bottom:10px}
.su-ben{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.su-ben li{display:flex;gap:7px;align-items:flex-start;font-size:14px;color:var(--ink2);line-height:1.45}
.su-ben li svg{color:var(--brand);flex-shrink:0;margin-top:2px}
.su-picked{display:flex;flex-wrap:wrap;gap:8px}
.su-picked span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:var(--bg2);font-size:13.5px;color:var(--ink2)}
.su-picked b{color:var(--ink)}
.su-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.su .inp.lg{height:50px;font-size:16px;border-radius:11px}
.su-opt{font-weight:500;color:var(--muted2)}
.su-err{color:var(--red);font-size:13.5px;margin-top:6px;font-weight:500}
.su-err a{color:var(--red);font-weight:800;text-decoration:underline;white-space:nowrap}
.su-addr{border:1px dashed var(--line2);border-radius:11px;padding:10px 12px;background:#FAFBFC;font-size:14px}
.su-addr .row{flex-wrap:wrap;gap:6px 8px}
.su-addr .host{font-weight:700;color:var(--ink);word-break:break-all}
.su-addr .st{font-size:13px;font-weight:600}
.su-addr .st.ok{color:var(--green7)}.su-addr .st.bad{color:var(--red)}
.su-addr .domain{margin-top:8px;height:44px}
.su-pw{position:relative}
.su-pw .inp{padding-right:64px}
.su-pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:34px;padding:0 10px;border:0;background:transparent;color:var(--brand7);font-weight:700;cursor:pointer;font-size:13px}
.su-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.su-note{font-size:13px;color:var(--muted);margin:0;text-align:center}
.su-alt{text-align:center;font-size:15px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.su-alt a{font-weight:700;color:var(--brand7)}
.su-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--muted2)}
.su-steps li{flex:1;padding-top:7px;border-top:3px solid var(--line)}
.su-steps li.on{color:var(--brand7);border-color:var(--brand)}
.su-steps li.done{color:var(--green7);border-color:var(--green100)}
.su-sum{border:1px solid var(--line);border-radius:11px;padding:10px 12px;font-size:14px;color:var(--ink2);display:grid;gap:4px}
.su-sum b{color:var(--ink)}
.su-sent{font-size:15px;line-height:1.6;color:var(--ink2);margin:6px 0 0}
.su-sent b{color:var(--ink)}
.su .otp-in{font-size:24px;letter-spacing:.35em;text-align:center;font-weight:700}
/* login page: link to the sign-up */
.su-new{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--accent50);border:1px solid var(--accent100);color:var(--accent7);font-weight:700;text-decoration:none}
.su-new:hover{background:var(--accent100)}
.su-new small{display:block;font-weight:500;color:var(--muted);font-size:13px}
@media (max-width:560px){
  .su main{padding:20px 16px 32px;align-items:flex-start}
  .su .form h2{font-size:22px}
  .su-grid,.su-ben{grid-template-columns:1fr}
}