html, body { min-height: 100%; }
body {
    font-family: IRANSans, Tahoma, Arial, sans-serif !important;
    background: #eef3f9;
}
.container-pelogin {
    background: radial-gradient(circle at 15% 15%, rgba(22,119,255,.10), transparent 35%),
                radial-gradient(circle at 85% 80%, rgba(14,165,168,.10), transparent 38%),
                #f4f7fb !important;
    padding: 28px 18px !important;
}
.wrap-pelogin {
    border-radius: 22px !important;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15,23,42,.16) !important;
    border: 1px solid rgba(255,255,255,.8);
    background: #fff;
}
.pelogin-form {
    background: #fff;
    padding-top: 54px !important;
    padding-bottom: 46px !important;
}
.pelogin-form-pretitle { color: #667085 !important; font-weight: 500; }
.pelogin-form-title { color: #172033 !important; font-weight: 700; }
.pelogin-form-pastitle { color: #1677ff !important; font-weight: 800; letter-spacing: .2px; }
.wrap-input100 {
    border-radius: 12px !important;
    border: 1px solid #dfe5ee !important;
    background: #f9fbfd !important;
    overflow: hidden;
}
.wrap-input100:focus-within {
    border-color: #9fc3ff !important;
    box-shadow: 0 0 0 4px rgba(22,119,255,.08);
    background: #fff !important;
}
.input100 { color: #172033 !important; }
.label-input100 { color: #667085 !important; }
.pelogin-form-btn {
    border-radius: 11px !important;
    background: linear-gradient(135deg, #1677ff, #0d5fd4) !important;
    box-shadow: 0 10px 24px rgba(22,119,255,.20);
    transition: transform .18s ease, box-shadow .18s ease;
}
.pelogin-form-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(22,119,255,.26);
}
.pelogin-form-btn2 {
    border-radius: 11px !important;
    border: 1px solid #d9e2ef !important;
    background: #f8fafc !important;
    color: #344054 !important;
}
.pelogin-form-btn2:hover { background: #eef5ff !important; color: #0d5fd4 !important; }
.txt1 { color: #476078 !important; }
.txt1:hover { color: #1677ff !important; }
.login-footer a { color: #7b8799 !important; }
.pelogin-more:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,.18));
    pointer-events: none;
}
.pelogin-more { position: relative; }
@media (max-width: 992px) {
    .container-pelogin { padding: 16px !important; }
    .wrap-pelogin { border-radius: 16px !important; }
    .pelogin-form { padding-top: 40px !important; padding-bottom: 36px !important; }
}