@keyframes auth-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-panel-in{0%{opacity:0;transform:translateX(var(--auth-panel-from,24px))}to{opacity:1;transform:translate(0)}}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes auth-alert-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-panel{--auth-cream:#fff8ef;--auth-warm:#fffdf9;--auth-sand:#f8dccb;--auth-peach:#f3c9b0;--auth-cocoa:#302321;--auth-cocoa-deep:#221816;--auth-brown:#735e58;--auth-brown-soft:#a89086;--auth-primary:#8a6458;--auth-danger:#c44b3f;--auth-danger-soft:#fff1f0;--auth-success:#3d8b55;--auth-ease:cubic-bezier(.65, 0, .35, 1);background:radial-gradient(80% 60% at 10% 20%,#f8dccbe6 0%,#0000 55%),radial-gradient(70% 50% at 90% 80%,#f3b7c759 0%,#0000 50%),linear-gradient(160deg,#fff8ef 0%,#f0ebe6 45%,#e8d5c8 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:1.5rem;font-family:Vazirmatn,ui-sans-serif,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.auth-panel:before{content:"";pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23302321' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.auth-container{background:var(--auth-warm);z-index:1;border:1px solid #a8908640;border-radius:28px;width:100%;max-width:920px;height:600px;position:relative;overflow:hidden;box-shadow:0 4px 24px #3023210f,0 28px 64px #30232124}.auth-forms-container{z-index:2;position:absolute;inset:0}.auth-signin-signup{width:50%;transition:left .9s var(--auth-ease);z-index:2;direction:rtl;grid-template-columns:1fr;align-items:center;display:grid;position:absolute;top:0;bottom:0;left:50%}.auth-form{scrollbar-width:thin;scrollbar-color:var(--auth-sand) transparent;flex-direction:column;grid-area:1/1/2/2;justify-content:center;align-items:center;gap:0;width:100%;max-height:100%;padding:1.5rem 2rem;transition:opacity .4s,visibility .4s;display:flex;overflow:hidden auto}.auth-form.sign-up-form{opacity:0;visibility:hidden;z-index:1;pointer-events:none}.auth-form.sign-in-form{z-index:2;opacity:1;visibility:visible;pointer-events:auto}.auth-form--shake{animation:.45s auth-shake}.auth-brand{color:var(--auth-cocoa);align-items:center;gap:.55rem;margin-bottom:.35rem;text-decoration:none;display:flex}.auth-brand img{object-fit:cover;border-radius:10px;width:36px;height:36px}.auth-brand span{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.auth-title{color:var(--auth-cocoa);letter-spacing:-.02em;margin-bottom:.65rem;font-size:1.55rem;font-weight:800}.auth-form-alert{border-radius:12px;align-items:flex-start;gap:.55rem;width:100%;max-width:360px;margin-bottom:.45rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.55;animation:.35s both auth-alert-in;display:flex}.auth-form-alert--error{background:var(--auth-danger-soft);color:var(--auth-danger);border:1px solid #c44b3f47}.auth-name-row{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:360px;display:grid}.auth-name-row .auth-field-wrap{max-width:none}.auth-field-wrap{width:100%;max-width:360px}.auth-input-group{background-color:#f7f0ec;border:1.5px solid #0000;border-radius:14px;grid-template-columns:15% 85%;align-items:center;width:100%;max-width:360px;height:48px;margin:.3rem 0;padding:0 .4rem;transition:background-color .25s,box-shadow .25s,border-color .25s;display:grid;position:relative}.auth-name-row .auth-input-group{grid-template-columns:22% 78%;max-width:none}.auth-input-group:focus-within{border-color:var(--auth-primary);background-color:#fff;box-shadow:0 0 0 3px #8a64582e}.auth-input-group--error{background-color:#fff8f7;border-color:#c44b3f8c;box-shadow:0 0 0 3px #c44b3f1f}.auth-input-group--error:focus-within{border-color:var(--auth-danger);box-shadow:0 0 0 3px #c44b3f2e}.auth-input-group .auth-field-icon{color:var(--auth-brown-soft);justify-content:center;align-items:center;min-width:2.5rem;transition:color .25s;display:flex}.auth-input-group:focus-within .auth-field-icon{color:var(--auth-primary)}.auth-input-group--error .auth-field-icon{color:var(--auth-danger)}.auth-input-group input{color:var(--auth-cocoa);background:0 0;border:none;outline:none;width:100%;padding:0 .5rem;font-family:inherit;font-size:.9rem;font-weight:500;line-height:1}.auth-input-group input::placeholder{color:var(--auth-brown-soft);font-weight:400}.auth-field-error{text-align:right;width:100%;max-width:360px;color:var(--auth-danger);min-height:1em;margin-top:-.1rem;margin-bottom:.1rem;padding-inline:.75rem;font-size:.7rem;animation:.25s both auth-alert-in}.auth-btn{background:linear-gradient(135deg, var(--auth-cocoa) 0%, var(--auth-cocoa-deep) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:.5rem;width:160px;height:46px;margin:.7rem 0 .3rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .2s,box-shadow .3s,filter .2s;display:flex;box-shadow:0 8px 22px #30232147}.auth-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 28px #30232159}.auth-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-social-text{color:var(--auth-brown);padding:.55rem 0 .2rem;font-size:.78rem}.auth-social-media{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:.15rem;display:flex}.auth-social-icon{width:40px;height:40px;color:var(--auth-primary);background:var(--auth-warm);cursor:pointer;border:1px solid #a8908673;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:border-color .25s,transform .25s,box-shadow .25s,color .25s,background .25s;display:flex}.auth-social-icon:hover{border-color:var(--auth-cocoa);color:var(--auth-cocoa);background:var(--auth-sand);transform:translateY(-3px);box-shadow:0 6px 16px #3023211f}.auth-social-icon svg{width:18px;height:18px}.auth-link{color:var(--auth-primary);font-size:.78rem;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--auth-cocoa);text-decoration:underline}.auth-remember-row{justify-content:space-between;align-items:center;width:100%;max-width:360px;margin-top:.2rem;padding-inline:.35rem;font-size:.78rem;display:flex}.auth-remember-label{cursor:pointer;color:var(--auth-brown);align-items:center;gap:.4rem;display:flex}.auth-password-toggle{cursor:pointer;color:var(--auth-brown-soft);z-index:2;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--auth-cocoa)}.auth-checkbox{accent-color:var(--auth-cocoa);cursor:pointer;width:15px;height:15px}.auth-terms-label{cursor:pointer;color:var(--auth-brown);align-items:flex-start;gap:.5rem;width:100%;max-width:360px;margin-top:.15rem;padding-inline:.25rem;font-size:.75rem;line-height:1.6;display:flex}.auth-terms-label a{color:var(--auth-primary);text-decoration:none}.auth-terms-label a:hover{text-decoration:underline}.auth-panels-container{pointer-events:none;z-index:5;position:absolute;inset:0}.auth-overlay{width:50%;height:100%;transition:transform .9s var(--auth-ease), border-radius .9s var(--auth-ease);pointer-events:auto;z-index:1;background:radial-gradient(90% 70% at 30% 20%,#f8dccb59 0%,#0000 55%),radial-gradient(60% 50% at 80% 90%,#f3b7c733 0%,#0000 50%),linear-gradient(145deg,#3a2a27 0%,#302321 40%,#221816 100%);border-radius:0 28px 28px 0;position:absolute;top:0;left:0;overflow:hidden;transform:translate(0);box-shadow:8px 0 32px #3023212e}.auth-overlay:before{content:"";width:280px;height:280px;transition:transform .9s var(--auth-ease);background:#f8dccb1f;border-radius:50%;position:absolute;top:-80px;right:-60px}.auth-overlay:after{content:"";width:180px;height:180px;transition:transform .9s var(--auth-ease);background:#f3b7c71a;border-radius:50%;position:absolute;bottom:-40px;left:-30px}.auth-panel-side{text-align:center;z-index:2;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:2.5rem 2rem;display:flex;position:absolute;top:0}.auth-panel-side.left-panel{pointer-events:auto;left:0}.auth-panel-side.right-panel{pointer-events:none;right:0}.auth-panel-content{color:#fff;flex-direction:column;align-items:center;max-width:280px;display:flex}.auth-panel-side.left-panel .auth-panel-content{--auth-panel-from:-28px;animation:auth-panel-in .7s var(--auth-ease) both;animation-delay:.15s}.auth-panel-side.right-panel .auth-panel-content{--auth-panel-from:28px;opacity:0;pointer-events:none}.auth-panel-content h3{margin-bottom:.7rem;font-size:1.4rem;font-weight:800;line-height:1.35}.auth-panel-content p{opacity:.9;font-size:.88rem;line-height:1.8}.auth-btn-transparent{color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #fff8efbf;border-radius:14px;width:140px;height:44px;margin-top:1.2rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:background .25s,transform .2s,box-shadow .25s}.auth-btn-transparent:hover{background:#fff8ef2e;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.auth-panel-mark{background:#fff8ef1f;border:1px solid #fff8ef40;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:flex;overflow:hidden}.auth-panel-mark img{object-fit:cover;border-radius:10px;width:40px;height:40px}.auth-container.sign-up-mode .auth-overlay{border-radius:28px 0 0 28px;transform:translate(100%);box-shadow:-8px 0 32px #3023212e}.auth-container.sign-up-mode .auth-overlay:before{transform:translate(-40px,30px)scale(1.1)}.auth-container.sign-up-mode .auth-overlay:after{transform:translate(30px,-20px)scale(.9)}.auth-container.sign-up-mode .auth-signin-signup{left:0}.auth-container.sign-up-mode .auth-form.sign-up-form{opacity:1;visibility:visible;z-index:2;pointer-events:auto}.auth-container.sign-up-mode .auth-form.sign-in-form{opacity:0;visibility:hidden;z-index:1;pointer-events:none}.auth-container.sign-up-mode .left-panel{pointer-events:none}.auth-container.sign-up-mode .right-panel{pointer-events:auto}.auth-container.sign-up-mode .left-panel .auth-panel-content{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s;animation:none}.auth-container.sign-up-mode .right-panel .auth-panel-content{--auth-panel-from:28px;opacity:1;visibility:visible;pointer-events:auto;animation:auth-panel-in .7s var(--auth-ease) both;animation-delay:.2s}.auth-container:not(.sign-up-mode) .left-panel .auth-panel-content{opacity:1;visibility:visible;pointer-events:auto}.auth-container:not(.sign-up-mode) .right-panel .auth-panel-content{opacity:0;visibility:hidden;pointer-events:none;animation:none}.auth-form>*{animation:.35s both auth-fade-up}.auth-form>:first-child{animation-delay:30ms}.auth-form>:nth-child(2){animation-delay:60ms}.auth-form>:nth-child(3){animation-delay:90ms}.auth-form>:nth-child(4){animation-delay:.12s}.auth-form>:nth-child(5){animation-delay:.15s}.auth-form>:nth-child(6){animation-delay:.18s}.auth-form>:nth-child(7){animation-delay:.21s}.auth-form>:nth-child(8){animation-delay:.24s}.auth-form>:nth-child(9){animation-delay:.27s}.auth-form>:nth-child(10){animation-delay:.3s}.auth-form>:nth-child(11){animation-delay:.33s}.auth-form>:nth-child(12){animation-delay:.36s}@media (max-width:870px){.auth-panel{align-items:stretch;padding:0}.auth-container{height:auto;min-height:100dvh;box-shadow:none;border:none;border-radius:0;flex-direction:column;max-width:100%;display:flex}.auth-forms-container{flex:1;order:2;min-height:0;position:relative}.auth-signin-signup{width:100%;min-height:520px;padding:1.5rem 0 2.5rem;position:relative;left:auto!important}.auth-form{max-height:none;padding:1rem 1.5rem 2rem}.auth-panels-container{pointer-events:auto;order:1;height:auto;position:relative}.auth-overlay{width:100%;box-shadow:none;border-radius:0 0 28px 28px;position:absolute;inset:0;transform:none!important}.auth-panel-side{width:100%;height:auto;padding:2rem 1.5rem 1.75rem;display:none;position:relative}.auth-container:not(.sign-up-mode) .left-panel,.auth-container.sign-up-mode .right-panel{display:flex;pointer-events:auto!important}.auth-container:not(.sign-up-mode) .left-panel .auth-panel-content,.auth-container.sign-up-mode .right-panel .auth-panel-content{animation:.45s both auth-fade-up;opacity:1!important;pointer-events:auto!important}.auth-panel-content{max-width:320px}.auth-panel-content h3{font-size:1.25rem}.auth-panel-content p{font-size:.85rem}}@media (max-width:480px){.auth-form{padding:.75rem 1rem 2rem}.auth-title{font-size:1.35rem}.auth-btn{width:100%;max-width:280px}.auth-panel-side{padding:1.5rem 1rem}.auth-name-row{grid-template-columns:1fr}}