@font-face {
  font-family: "Sayad Sans";
  src: url("/fonts/IRANSansWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Sayad Sans";
  src: url("/fonts/IRANSansWeb-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Sayad Sans";
  src: url("/fonts/IRANSansWeb-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Sayad Sans";
  src: url("/fonts/IRANSansWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
:root{font-family:"Sayad Sans","IRANSansWeb","IRANSans","Segoe UI",Tahoma,sans-serif;color:#1f2740;background:#f4f5f9}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#ddebf6,transparent 35%),linear-gradient(145deg,#f8fbfd,#eaf1f7);display:grid;place-items:center;padding:24px}.login-shell{width:min(100%,460px)}.login-panel{background:#fff;border:1px solid #dce5ed;border-radius:24px;padding:38px;box-shadow:0 24px 70px #12314a1c}.brand{display:flex;align-items:center;gap:12px;margin-bottom:44px}.brand span:last-child{display:grid;gap:5px}.brand strong{font-size:19px}.brand small{color:#708499;font-size:12px}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#087f8c;color:#fff;font-size:25px;font-weight:700}.eyebrow{font-size:12px;font-weight:700;color:#087f8c;background:#e6f4f3;padding:7px 11px;border-radius:20px}h1{font-size:27px;margin:19px 0 10px}p{color:#61788d;font-size:14px;line-height:1.8;margin:0 0 29px}form{display:grid}label{font-size:13px;font-weight:700;margin:0 0 9px}input{width:100%;height:47px;border:1px solid #cbd9e4;border-radius:11px;padding:0 14px;font:inherit;margin:0 0 23px;background:#fff}input:focus{outline:3px solid #b8e4e4;border-color:#087f8c}button{border:0;background:#087f8c;color:#fff;border-radius:11px;height:49px;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#076a75}button:disabled{opacity:.6;cursor:wait}.error{color:#ad2942;background:#fff0f2;border-radius:9px;padding:11px 13px;font-size:13px;margin-bottom:16px}@media(max-width:540px){.login-panel{padding:26px}.brand{margin-bottom:36px}h1{font-size:24px}}