.field{border:1px solid var(--line);border-radius:16px;padding:9px 16px 7px;margin-bottom:14px;background:#faf8f8;transition:border-color .2s}
.field:focus-within{border-color:var(--red2)}
.field.bad{border-color:#d92d3a}
.field label{display:block;font-size:12px;color:var(--mute)}
.field input{width:100%;border:0;background:none;color:var(--text);font:500 17px Estedad,sans-serif;padding:2px 0;outline:none}
.err{color:#d92d3a;font-size:12.5px;margin:-8px 4px 10px;min-height:0}
.ltr{direction:ltr;text-align:right}
.btn{width:100%;margin-top:10px;border:0;cursor:pointer;font:700 17px Estedad,sans-serif;color:#fff;padding:17px;border-radius:16px;
background:linear-gradient(135deg,var(--red2),var(--red) 55%,#b30f1d);box-shadow:0 10px 30px rgba(225,29,46,.4),0 1px 0 rgba(255,255,255,.3) inset;transition:transform .15s}
.btn:active{transform:scale(.985)}
.btn:focus-visible{outline:2px solid var(--red2);outline-offset:3px}
.secure{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--mute);font-size:13.5px;margin-top:22px}
.zibal{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-weight:900;font-size:16px}
.zibal img{display:block;width:74px;height:28px;object-fit:contain}
footer{display:flex;justify-content:center;gap:18px;margin-top:40px;font-size:13px;color:var(--mute)}
footer span+span::before{content:"·";margin-left:18px}

.secure,footer{flex-wrap:wrap}
.note{font-size:12.5px;text-align:center;overflow-wrap:anywhere}
@media(max-width:360px){.w{padding-inline:12px}.card{padding:22px 14px 18px}header{padding:28px 0 24px}h1{font-size:22px}.btn{font-size:15px}footer{gap:12px}footer span+span::before{margin-left:12px}}