.subsystem-portal{min-height:100vh;padding:32px 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(8,47,73,.74),rgba(20,83,45,.58)),url('/images/bg-0111.png') center/cover fixed;font-family:Vazir,Tahoma,sans-serif}
.subsystem-portal .container-login100{width:100%;min-height:0;padding:0;background:none;align-items:center}
.subsystem-portal .wrap-login100{width:min(100%,540px);margin:auto;padding:28px clamp(20px,5vw,42px) 34px;overflow:visible;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 24px 70px rgba(7,28,45,.26)}
.subsystem-heading{text-align:center;margin:0 auto 25px}.subsystem-heading img{display:block;width:min(210px,80%);height:auto;max-height:50px;object-fit:contain;margin:0 auto 8px}.subsystem-institution{display:block;margin-bottom:8px;color:#748597;font-size:12px;text-align:center}.subsystem-heading h1{font-size:24px;line-height:1.6;font-weight:800;color:#173b54;margin:0 0 5px;text-align:center}.subsystem-heading p{font-size:14px;line-height:1.8;color:#718294;margin:0;text-align:center}
.subsystem-back{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 20px;color:#527085;font-size:13px;text-decoration:none}.subsystem-back:hover{color:#16834f;text-decoration:none}
.subsystem-form{width:100%;text-align:right}.subsystem-form .text-danger{text-align:right}.subsystem-form .wrap-input100{margin:0 0 18px;border:0;direction:ltr}.subsystem-form .input100{direction:ltr;height:52px;padding:0 42px 0 16px;border:1px solid #dce5eb!important;border-radius:11px;background:#f7f9fb;text-align:left;color:#263d50;transition:border-color .2s,box-shadow .2s}.subsystem-form .input100:focus{border-color:#58a781!important;box-shadow:0 0 0 3px rgba(36,145,91,.1)}.subsystem-form .focus-input100::before{right:0;left:auto;background:#16834f}.subsystem-form .focus-input100::after{right:0;left:auto;padding-right:5px;padding-left:0;color:#8293a1}.subsystem-form .container-login100-form-btn{gap:10px;margin-top:8px}.subsystem-form .login100-form-btn{min-width:135px;height:48px;padding:0 20px;border:0;border-radius:11px;background:#16834f;color:#fff;text-decoration:none;box-shadow:0 6px 14px rgba(22,131,79,.2);transition:background .2s,transform .2s}.subsystem-form .login100-form-btn::before{display:none}.subsystem-form .login100-form-btn:hover{background:#116b40;color:#fff;transform:translateY(-1px)}.subsystem-form .login100-form-btn:focus-visible{outline:3px solid rgba(22,131,79,.28);outline-offset:2px}
.subsystem-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:17px}.subsystem-links a{font-size:13px;color:#4e6d82}.subsystem-links a:hover{color:#16834f}.subsystem-portal .extra-links-wrap{margin-top:18px}.subsystem-portal .extra-link-btn{font-size:13px}
.subsystem-form .input100::placeholder{color:#8494a2;opacity:1}.subsystem-form .input100::-webkit-input-placeholder{color:#8494a2;opacity:1}.subsystem-form .input100::-moz-placeholder{color:#8494a2;opacity:1}.subsystem-form .input100:-ms-input-placeholder{color:#8494a2;opacity:1}
@media(max-width:576px){.subsystem-portal{padding:16px 12px;background-attachment:scroll}.subsystem-portal .wrap-login100{padding:24px 18px 28px;border-radius:20px}.subsystem-heading img{width:min(170px,78%);height:auto;max-height:40px}.subsystem-heading h1{font-size:21px}.subsystem-heading p{font-size:12px}.subsystem-form .container-login100-form-btn{flex-direction:column}.subsystem-form .login100-form-btn{width:100%}}