@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--cream:#faf6f1;--card:#fffcf8;--wine:#541f29;--rose:#f0dfda;--gold:#c5a58a;--ink:#302522;--muted:#928780}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,sans-serif}a{text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:44% 56%;padding:22px;gap:0}.auth-story{background:var(--wine);border-radius:22px;color:#f8eae2;padding:38px 44px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.auth-story:before,.auth-story:after{content:'';position:absolute;border:1px solid #c5a58a30;border-radius:50%;z-index:-1;pointer-events:none}.auth-story:before{width:580px;height:580px;left:-340px;top:14%}.auth-story:after{width:580px;height:580px;left:-305px;top:18%}.auth-brand{color:#fff5ed;display:flex;align-items:center;gap:15px}.auth-brand b{font-family:Georgia,serif;font-size:36px;letter-spacing:1px}.auth-brand span{font-size:11px;border-right:1px solid #c5a58a60;padding-right:15px;color:#d6b9b5}.story-content{margin:auto 0;padding:55px 0}.story-symbol{font-size:55px;font-weight:200;color:var(--gold);margin-bottom:20px}.story-eyebrow{font-size:11px;color:#d6b5a8;letter-spacing:.4px}.story-content h2{font-size:clamp(32px,3.5vw,52px);font-weight:500;line-height:1.8;margin:16px 0 18px;letter-spacing:-1px}.story-content>p{font-size:13px;font-weight:300;line-height:2.3;color:#d5b9b9}.story-preview{margin-top:43px;display:flex;align-items:center;gap:13px;border:1px solid #c5a58a40;border-radius:14px;background:#ffffff05;padding:18px 16px;max-width:365px}.preview-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#f0dfda15;color:#d2ae91;font-size:26px}.story-preview strong{display:block;font-size:11px;font-weight:500}.story-preview div>span{display:block;color:#c9a6a8;font-size:9px;margin-top:7px}.preview-check{margin-right:auto;color:#c5a58a;font-size:18px}.story-footer{display:flex;justify-content:space-between;gap:10px;color:#b88f95;font-size:9px}.auth-form-side{display:flex;flex-direction:column;padding:40px 7vw 16px;justify-content:center}.auth-form-wrap{max-width:390px;width:100%;margin:auto}.welcome-icon{display:grid;place-items:center;width:54px;height:54px;background:#f0dfda85;border-radius:16px;color:var(--wine);margin-bottom:28px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.welcome-icon svg{width:26px;height:26px}.auth-eyebrow{font-size:11px;color:#a18b7b;margin-bottom:9px}h1{font-size:28px;font-weight:750;margin:0 0 14px}.auth-intro{font-size:12px;line-height:2;color:var(--muted);margin-bottom:33px}.form-label{font-size:12px;font-weight:500;margin-bottom:11px}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;right:15px;color:#b59d8f;pointer-events:none}.form-control{height:53px;border:1px solid #e8ddd3;background:var(--card);border-radius:10px;padding:12px 45px 12px 45px;font-size:14px;direction:ltr;text-align:left;color:var(--ink)}.form-control::placeholder{color:#b4a69b;font-size:12px}.form-control:focus{border-color:#b2848b;background:var(--card);box-shadow:0 0 0 4px #541f2908}.form-control.is-invalid{background-image:none}.password-toggle{position:absolute;left:10px;top:10px;background:none;border:0;padding:6px;color:#a39185;border-radius:6px;display:grid;place-items:center}.password-toggle[aria-pressed=true]{color:var(--wine);background:var(--rose)}.auth-private{display:flex;align-items:center;gap:7px;font-size:10px;color:#a18f83;margin:18px 0 26px}.auth-private span{font-size:18px;color:#bda18b}.auth-submit{background:var(--wine);color:#fff8f2;border:1px solid var(--wine);height:51px;border-radius:10px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 6px 16px #541f2912}.auth-submit:hover,.auth-submit:focus-visible{background:#6b2b39;border-color:#6b2b39;color:white}.auth-submit span{font-size:20px;font-weight:300}.auth-divider{height:1px;background:#eae0d6;margin:28px 0 21px}.auth-help{font-size:10px;color:#a8988b;text-align:center;line-height:2}.auth-footer{display:flex;justify-content:space-between;gap:15px;color:#b3a295;font-size:9px;margin-top:50px}.mobile-auth-brand{display:none}.auth-error{background:#f6e5df;color:#843747;border:1px solid #edd0ca;border-radius:9px;padding:13px 15px;font-size:12px;line-height:2;margin-bottom:22px}
@media(min-width:1600px){.auth-shell{padding:30px}.auth-story{padding:45px 65px}.auth-form-wrap{max-width:420px}}
@media(max-width:991px){.auth-shell{grid-template-columns:42% 58%;padding:14px}.auth-story{padding:30px 24px}.auth-brand{gap:10px}.auth-brand b{font-size:29px}.auth-brand span{font-size:9px;padding-right:10px}.auth-form-side{padding:30px 5vw 15px}.story-preview{padding:14px 10px}.story-preview strong{font-size:10px}.story-preview div>span{font-size:8px}.story-footer{font-size:8px}}
@media(max-width:767px){.auth-shell{display:block;padding:0;min-height:100dvh}.auth-story{display:none}.auth-form-side{padding:28px 25px 20px;min-height:100dvh}.mobile-auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:50px;color:var(--wine)}.mobile-auth-brand b{font-family:Georgia,serif;font-size:30px}.mobile-auth-brand span{font-size:10px;color:#a38b7d;border-right:1px solid #d8c3b2;padding-right:13px}.auth-form-wrap{max-width:410px}.welcome-icon{width:48px;height:48px;margin-bottom:22px}h1{font-size:27px}.auth-intro{font-size:11px;margin-bottom:29px}.form-control{height:54px;font-size:16px}.auth-footer{font-size:8px;margin-top:45px}.auth-help{font-size:10px}.auth-divider{margin-top:26px}}
@media(max-height:700px) and (min-width:768px){.auth-shell{padding:14px}.auth-story{padding-top:24px}.story-content{padding:25px 0}.story-symbol{margin-bottom:0;font-size:36px}.story-content h2{font-size:34px}.story-preview{margin-top:23px}.auth-form-side{padding-top:20px}.welcome-icon{margin-bottom:15px}.auth-intro{margin-bottom:20px}.auth-footer{margin-top:25px}}