@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;700&display=swap";
:root{--bg:#eef1f4;--card:#fff;--accent:#4caf50;--accent-2:#43a047;--muted:#6b7280;--danger:#f44336;--success:#2d9c3a;--radius:14px;--shadow:0 8px 28px #14141e1f;font-family:Vazirmatn,sans-serif}html,body{background:var(--bg);direction:rtl;margin:0;padding:0}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--card);border-radius:var(--radius);width:380px;max-width:95%;box-shadow:var(--shadow);text-align:center;padding:36px 34px;transition:all .25s}h1{color:#333;margin-bottom:12px;font-size:23px}.btns{gap:14px;margin:20px 0 10px;display:flex}button.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;flex:1;padding:12px 10px;font-size:15px;font-weight:600;transition:all .25s}.btn.secondary{background:#0277bd}button.btn:hover{opacity:.92;transform:translateY(-1px)}.modal{opacity:0;z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:none;position:fixed;inset:0}.modal.show{opacity:1;display:flex}.modal-card{border-radius:var(--radius);width:90%;max-width:400px;box-shadow:var(--shadow);background:#fff;padding:20px 24px;animation:.3s fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.close{cursor:pointer;color:#666;background:0 0;border:none;font-size:26px;transition:all .2s;position:absolute;top:12px;left:16px}.close:hover{color:#000}.form-row{justify-content:center;margin:16px 0;display:flex}input,select{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:85%;padding:8px 10px;font-size:13px;transition:all .2s}.form-row select{box-sizing:border-box;appearance:none;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:91%;height:36px;padding:0 12px;font-size:14px;line-height:1.4}input:hover,select:hover{background:#fff}input:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #4caf5026}button.submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .25s}button.submit:hover{opacity:.93;transform:translateY(-1px)}.toast-wrap{z-index:11000;position:fixed;top:45px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;opacity:0;border-radius:12px;min-width:260px;max-width:90vw;padding:14px 16px;font-size:15px;font-weight:600;transition:all .25s}.toast.show{opacity:1;transform:translateY(-5px)}.toast.success{background:#2d9c3a}.toast.error{background:#e53935}.input-error{animation:.3s shake;border:2px solid #f44336!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.farsi-warning,.phone-warning,.email-warning,.password-warning{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#f44336;border-radius:8px;padding:6px 12px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(6px)}.farsi-warning.show,.phone-warning.show,.email-warning.show,.password-warning.show{opacity:1;transform:translateY(0)}.input-container{position:relative}
:root{--bg:#eef1f4;--card:#fff;--accent:#4caf50;--accent-2:#43a047;--muted:#6b7280;--danger:#f44336;--success:#2d9c3a;--radius:14px;--shadow:0 8px 28px #14141e1f;font-family:Vazirmatn,sans-serif}body{background:var(--bg);direction:rtl;margin:0}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--card);border-radius:var(--radius);width:380px;max-width:95%;box-shadow:var(--shadow);text-align:center;padding:36px 34px;transition:all .25s}h1{color:#333;margin-bottom:12px;font-size:23px}.btns{gap:14px;margin:20px 0 10px;display:flex}button.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;flex:1;padding:12px 10px;font-size:15px;font-weight:600;transition:all .25s}.btn.secondary{background:#0277bd}button.btn:hover{opacity:.92;transform:translateY(-1px)}.modal{opacity:0;z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:none;position:fixed;inset:0}.modal.show{opacity:1;display:flex}.modal-card{border-radius:var(--radius);width:90%;max-width:400px;box-shadow:var(--shadow);background:#fff;padding:20px 24px;animation:.3s fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.close{cursor:pointer;color:#666;background:0 0;border:none;font-size:26px;transition:all .2s;position:absolute;top:12px;left:16px}.close:hover{color:#000}.form-row{justify-content:center;margin:16px 0;display:flex}input,select{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:85%;padding:8px 10px;font-size:13px;transition:all .2s}.form-row select{box-sizing:border-box;appearance:none;background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;width:91%;height:36px;padding:0 12px;font-size:14px;line-height:1.4}input:hover,select:hover{background:#fff}input:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #4caf5026}button.submit{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .25s}button.submit:hover{opacity:.93;transform:translateY(-1px)}.submit.loading{opacity:.65;cursor:not-allowed}.spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-wrap{z-index:11000;position:fixed;top:45px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;opacity:0;border-radius:12px;min-width:260px;max-width:90vw;padding:14px 16px;font-size:15px;font-weight:600;transition:all .25s}.toast.show{opacity:1;transform:translateY(-5px)}.toast.success{background:#2d9c3a}.toast.error{background:#e53935}.input-error{animation:.3s shake;border:2px solid #f44336!important}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.farsi-warning{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#f44336;border-radius:8px;padding:6px 12px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(6px)}.farsi-warning.show{opacity:1;transform:translateY(0)}.email-warning{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#f44336;border-radius:8px;padding:6px 12px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(6px)}.email-warning.show{opacity:1;transform:translateY(0)}.password-warning{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#f44336;border-radius:8px;padding:6px 12px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(6px)}.password-warning.show{opacity:1;transform:translateY(0)}.input-container{position:relative}.phone-warning{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#f44336;border-radius:8px;padding:6px 12px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(6px)}.phone-warning.show{opacity:1;transform:translateY(0)}.auth-message{text-align:center;margin:8px 0;font-size:13px}.auth-message.success{color:var(--success)}.auth-message.error{color:var(--danger)}button.submit.secondary{background:#0277bd}button.submit.secondary:hover{opacity:.93;transform:translateY(-1px)}