@font-face{font-family:Vazirmatn;src:url("vazirmatn-regular.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url("vazirmatn-bold.woff2") format("woff2");font-weight:600 900;font-display:swap}
:root{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif;color:#18221b;background:#fbfaf6;line-height:1.65;color-scheme:light}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
main{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1.18fr);grid-template-areas:"form photo"}
.picture{grid-area:photo;background:#c3cba9 url("morning-login.webp") center/cover no-repeat}
.panel{grid-area:form;display:grid;align-items:center;padding:clamp(24px,5vw,72px)}
.content{width:100%;max-width:410px;margin:auto;min-width:0}
.brand{display:flex;align-items:center;justify-content:center;gap:13px;color:#123e29;font-size:clamp(24px,3vw,36px);font-weight:900}
.leaf{position:relative;width:43px;height:34px}
.leaf::before,.leaf::after{content:"";position:absolute;background:#285c3c;border-radius:100% 0 100% 0}
.leaf::before{inset:0 0 0 13px}
.leaf::after{inset:12px 27px 2px 0;transform:scaleX(-1);background:#6d9775}
h1{text-align:center;font-size:clamp(25px,3.4vw,39px);line-height:1.25;margin:24px 0 30px}
.field{margin-bottom:16px}
label{display:block;margin-bottom:5px;font-weight:600;color:#34483b}
input,button{font:inherit}
input{border:1px solid #a9b3ab;border-radius:13px;background:#fffefa;color:inherit;width:100%;min-height:50px;padding:10px 13px;font-size:16px}
.password{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #a9b3ab;border-radius:13px;background:#fffefa;direction:ltr}
.password input{border:0;background:transparent;min-width:0}
.password button{border:0;background:transparent;color:#185138;padding:0 12px;border-radius:12px}
a{color:#185138;text-underline-offset:4px}
#forgot{display:inline-block;margin-bottom:16px}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.62}
:focus-visible{outline:2px solid #26724a;outline-offset:3px}
.primary,.provider{width:100%;min-height:49px;border-radius:13px;font-weight:700}
.primary{background:#123e29;color:white;border:1px solid #123e29}
.primary:hover:not(:disabled){background:#1e5339}
.separator{display:flex;align-items:center;gap:15px;margin:17px 0;color:#405145}
.separator::before,.separator::after{content:"";height:1px;background:#b8c2b9;flex:1}
.provider{border:1px solid #a9b3ab;background:#fffefa;color:#18221b;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}
.provider img{width:23px;height:23px;object-fit:contain}
#notice:empty{display:none}
#notice,.muted,.switch{text-align:center;font-size:.9rem}
#notice{overflow-wrap:anywhere;color:#194c32}
#notice[data-error="true"]{color:#9e2929}
.muted{color:#47594d}
#rules{padding-inline-start:23px;font-size:.88rem;color:#46584b}
#rules .met{color:#17633a;font-weight:700}
#identity{text-align:center;overflow-wrap:anywhere}
@media(max-width:720px){
  main{display:block}
  .picture{height:clamp(96px,24vw,152px);background-position:center 18%}
  .panel{padding:24px 23px max(30px,env(safe-area-inset-bottom))}
  h1{margin:18px 0 22px}
}