@font-face{font-family:Vazirmatn;src:url('../../assets/fonts/webfonts/Vazirmatn-RD-FD-Regular.woff2')}@font-face{font-family:Vazirmatn;src:url('../../assets/fonts/webfonts/Vazirmatn-RD-FD-Bold.woff2');font-weight:700}
:root{--ink:#183334;--muted:#718183;--primary:#0b5757;--accent:#dedb50;--line:#dfe8e6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:#edf3f0}button,input{font:inherit}.login-page{position:relative;display:grid;place-items:center;min-height:100vh;padding:52px 40px;overflow:hidden;background:radial-gradient(circle at 8% 85%,rgba(207,213,50,.17),transparent 25%),radial-gradient(circle at 92% 15%,rgba(11,87,87,.13),transparent 28%),#edf3f0}.login-page:before,.login-page:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(11,87,87,.09);border-radius:50%}.login-page:before{top:-150px;right:10%}.login-page:after{bottom:-220px;left:5%;width:380px;height:380px}
svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.back-home{position:absolute;z-index:3;top:24px;right:5vw;display:flex;align-items:center;gap:7px;color:#496364;text-decoration:none;font-size:12px;font-weight:700;transition:.2s}.back-home svg{width:17px;transform:rotate(180deg)}.back-home:hover{color:var(--primary);transform:translateX(-3px)}
.login-shell{position:relative;z-index:1;display:grid;grid-template-columns:47% 53%;width:min(1010px,100%);min-height:620px;background:#fff;border:1px solid rgba(7,60,61,.08);border-radius:28px;box-shadow:0 30px 80px rgba(16,55,52,.13);overflow:hidden}.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:46px;color:#fff;background:linear-gradient(150deg,#0b5b5b,#073f40 60%,#063334);overflow:hidden}.brand-panel:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:42px 42px}.brand-panel:after{content:"";position:absolute;z-index:-1;width:340px;height:340px;left:-200px;top:28%;border-radius:50%;background:rgba(209,211,50,.17);filter:blur(5px)}
.brand-mark{display:flex;align-items:center;gap:14px}.brand-mark img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#fff;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0003}.brand-mark strong,.brand-mark span{display:block}.brand-mark strong{font-size:16px}.brand-mark span{margin-top:3px;color:#ffffff8c;font-size:9px;letter-spacing:2px;direction:ltr}.brand-message{margin:auto 0}.eyebrow{display:flex;align-items:center;gap:9px;color:#ecee92;font-size:11px;font-weight:700}.eyebrow i{width:23px;height:2px;background:var(--accent)}.brand-message h2{margin:21px 0 15px;font-size:clamp(31px,3.5vw,44px);line-height:1.48;letter-spacing:-1.5px}.brand-message h2 em{color:#e5e264;font-style:normal}.brand-message p{max-width:350px;margin:0;color:#ffffffa8;font-size:13px;line-height:2}.security-note{display:flex;align-items:center;gap:12px;padding-top:25px;border-top:1px solid #ffffff1f}.security-note>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#ffffff17}.security-note svg{width:21px;color:#e3e167}.security-note strong,.security-note small{display:block}.security-note strong{font-size:11px}.security-note small{margin-top:3px;color:#ffffff7f;font-size:9px}
.form-panel{display:flex;flex-direction:column;justify-content:center;padding:50px clamp(44px,6vw,76px)}.mobile-brand{display:none}.form-heading b{display:inline-flex;padding:6px 12px;color:var(--primary);background:#eef7f5;border-radius:20px;font-size:10px}.form-heading h1{margin:16px 0 7px;font-size:34px;letter-spacing:-1px}.form-heading p{margin:0 0 29px;color:var(--muted);font-size:12px}.alert{display:flex;gap:9px;margin:-10px 0 18px;padding:11px 13px;color:#9b2c2c;background:#fff1f1;border:1px solid #f4cccc;border-radius:11px;font-size:11px}.alert svg{flex:none;width:18px}.login-form{display:grid;gap:19px}.field label{display:block;margin-bottom:8px;font-size:11px;font-weight:700}.control{display:flex;align-items:center;height:53px;padding:0 15px;background:#f8faf9;border:1px solid var(--line);border-radius:12px;transition:.2s}.control:focus-within{background:#fff;border-color:#3b8582;box-shadow:0 0 0 4px #0b575714}.control.invalid{border-color:#da7777}.control>svg{flex:none;width:20px;color:#8a9b9b}.control input{width:100%;height:100%;padding:0 12px;color:var(--ink);background:transparent;border:0;outline:0;font-size:12px}.control input::placeholder{color:#a5b0b0}.control input[type=email]{direction:ltr;text-align:right}.password-toggle{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;color:#839494;background:transparent;border:0;border-radius:8px;cursor:pointer}.password-toggle:hover{color:var(--primary);background:#eaf2f0}.password-toggle svg{width:20px}.password-toggle[aria-pressed=true]{color:var(--primary)}
.form-options{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-2px;font-size:10px}.form-options>a{color:var(--primary);font-weight:700;text-decoration:none}.form-options>a:hover{text-decoration:underline}.remember{display:flex!important;align-items:center;gap:7px;margin:0!important;color:#657777;cursor:pointer;font-weight:400!important}.remember input{position:absolute;opacity:0}.remember>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid #cbd8d6;border-radius:5px;background:#fff}.remember svg{width:12px;color:#fff;opacity:0}.remember input:checked+span{background:var(--primary);border-color:var(--primary)}.remember input:checked+span svg{opacity:1}.remember input:focus-visible+span{box-shadow:0 0 0 3px #0b575726}.submit-button{display:flex;align-items:center;justify-content:center;gap:10px;height:53px;margin-top:3px;color:#fff;background:linear-gradient(100deg,#0c5d5b,#084846);border:0;border-radius:12px;box-shadow:0 12px 24px #08484633;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.submit-button svg{width:18px;transform:rotate(180deg)}.submit-button:hover{transform:translateY(-2px);box-shadow:0 15px 28px #08484645}.form-panel footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:37px;color:#9aa7a6;font-size:9px}.form-panel footer i{width:3px;height:3px;border-radius:50%;background:#bac4c3}
@media(max-width:800px){.login-page{display:block;padding:72px 20px 30px}.login-shell{display:block;width:min(520px,100%);min-height:0;margin:auto}.brand-panel{display:none}.form-panel{padding:38px clamp(25px,8vw,55px)}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px;color:#073c3d;font-size:13px;font-weight:700}.mobile-brand img{width:43px;height:43px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.form-heading h1{font-size:29px}.back-home{right:23px}}
@media(max-width:460px){.login-page{padding:64px 12px 12px;background:#fff}.login-shell{border:0;border-radius:0;box-shadow:none}.form-panel{padding:26px 10px}.form-options{align-items:flex-start;flex-direction:column}.form-panel footer{margin-top:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.alert-success{color:#176544;background:#effaf4;border-color:#c7ead6}.recovery-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;color:var(--primary);background:#edf7f5;border:1px solid #dcecea;border-radius:15px}.recovery-icon svg{width:27px}.recovery-form-panel .form-heading p{line-height:1.9}.field-hint{display:block;margin-top:8px;color:#8b9999;font-size:9px}.back-login{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;color:var(--primary);font-size:11px;font-weight:700;text-decoration:none}.back-login svg{width:17px}.back-login:hover{text-decoration:underline}.recovery-steps{display:grid;gap:15px;padding-top:22px;border-top:1px solid #ffffff1f}.recovery-steps>div{display:flex;align-items:center;gap:12px}.recovery-steps>div>span{display:grid;place-items:center;flex:none;width:31px;height:31px;color:#e4e271;background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;font-size:11px;font-weight:700}.recovery-steps p,.recovery-steps strong,.recovery-steps small{display:block;margin:0}.recovery-steps strong{font-size:10px}.recovery-steps small{margin-top:2px;color:#ffffff73;font-size:8px}