/* AjonTec - modern login page (same form, same fields) */
body.lp-modern { min-height: 100vh; margin: 0; font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif;
    background: radial-gradient(900px 600px at 10% 10%, rgba(6, 182, 212, .35), transparent 60%), radial-gradient(900px 700px at 90% 90%, rgba(99, 102, 241, .5), transparent 60%), linear-gradient(135deg, #0b1437, #1e1b6b 60%, #312e81) !important; }
body.lp-modern .auth-main { min-height: 100vh; display: flex; align-items: center; padding: 30px 0; background: none !important; }
body.lp-modern .auth-main .container { width: 100%; max-width: 980px; }
body.lp-modern .slideIn { display: flex; flex-wrap: wrap; background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .35); margin: 0 !important; }
body.lp-modern .slideIn > div { float: none !important; margin: 0 !important; padding: 0 !important; }
body.lp-modern .slideIn > div:first-child { flex: 0 0 42%; max-width: 42%; }
body.lp-modern .slideIn > div:last-child { flex: 0 0 58%; max-width: 58%; }
body.lp-modern .image-area { height: 100%; min-height: 520px; margin: 0 !important; border-radius: 0 !important; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 30px !important;
    background: linear-gradient(160deg, #4f46e5 0%, #1e1b6b 100%) !important; position: relative; overflow: hidden; }
body.lp-modern .image-area::before { content: ''; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px); background-size: 34px 34px; }
body.lp-modern .image-area::after { content: ''; position: absolute; width: 260px; height: 260px; border-radius: 50%; background: rgba(6, 182, 212, .35); filter: blur(40px); right: -80px; bottom: -80px; }
body.lp-modern .image-area .content { position: relative; z-index: 1; width: 100%; }
body.lp-modern .image-hader h2 { color: #fff !important; font-weight: 800; font-size: 26px !important; letter-spacing: .04em; border: 0 !important; }
body.lp-modern .image-hader h2::after, body.lp-modern .image-hader h2::before { display: none !important; }
body.lp-modern .img-hol-p img { background: #fff; border-radius: 16px; padding: 10px 14px; height: 70px !important; width: auto; max-width: 100%; margin: 18px 0; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
body.lp-modern .image-area .address p { color: rgba(255, 255, 255, .85) !important; font-size: 14px; line-height: 1.6; }
body.lp-modern .f-social-links a { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 12px; margin: 4px; background: rgba(255, 255, 255, .14) !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .25); box-shadow: none !important; transition: background .2s; }
body.lp-modern .f-social-links a:hover { background: rgba(255, 255, 255, .28) !important; }
body.lp-modern .sign-area { height: 100%; min-height: 520px; margin: 0 !important; border-radius: 0 !important; background: #fff !important; padding: 48px 52px !important; display: flex; flex-direction: column; justify-content: center; box-shadow: none !important; }
body.lp-modern .sign-hader { text-align: left !important; margin-bottom: 26px !important; }
body.lp-modern .sign-hader img { height: 46px !important; width: auto; }
body.lp-modern .sign-hader h2 { color: #0b1437 !important; font-weight: 800; font-size: 24px !important; margin: 12px 0 0 !important; }
body.lp-modern .sign-area .form-group { margin-bottom: 18px; }
body.lp-modern .sign-area .input-group { display: flex; width: 100%; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
body.lp-modern .sign-area .input-group:focus-within { border-color: #4f46e5; box-shadow: 0 0 0 4px rgba(79, 70, 229, .12); background: #fff; }
body.lp-modern .sign-area .input-group-addon { background: transparent !important; border: 0 !important; width: 48px; display: flex; align-items: center; justify-content: center; color: #6366f1 !important; }
body.lp-modern .sign-area .input-group .form-control { border: 0 !important; background: transparent !important; box-shadow: none !important; height: 50px; font-size: 15px; color: #0f172a; border-radius: 0 !important; }
body.lp-modern .sign-area .has-error .input-group { border-color: #ef4444; }
body.lp-modern .sign-area .error { color: #ef4444; font-size: 12.5px; }
body.lp-modern .sign-area .btn, body.lp-modern .sign-area button[type="submit"] { width: 100%; height: 50px; border: 0 !important; border-radius: 14px !important; font-weight: 700; font-size: 15px; letter-spacing: .02em; color: #fff !important;
    background: linear-gradient(135deg, #4f46e5, #06b6d4) !important; box-shadow: 0 12px 26px rgba(79, 70, 229, .3); transition: transform .2s, box-shadow .2s; }
body.lp-modern .sign-area .btn:hover, body.lp-modern .sign-area button[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 16px 32px rgba(79, 70, 229, .38); }
body.lp-modern .sign-area .forgot-text a, body.lp-modern .sign-area a { color: #4f46e5; font-weight: 600; }
body.lp-modern .sign-footer { color: #94a3b8; font-size: 12.5px; margin-top: 22px !important; text-align: center; }
body.lp-modern .sign-footer, body.lp-modern .sign-footer p { background: none !important; }
@media (max-width: 767px) {
    body.lp-modern .auth-main { padding: 16px 0; }
    body.lp-modern .slideIn > div:first-child, body.lp-modern .slideIn > div:last-child { flex: 0 0 100%; max-width: 100%; }
    body.lp-modern .image-area { min-height: 0; padding: 26px 20px !important; }
    body.lp-modern .image-area .address, body.lp-modern .image-area .f-social-links { display: none; }
    body.lp-modern .sign-area { min-height: 0; padding: 28px 22px !important; }
}
body.lp-modern .sign-area::before, body.lp-modern .sign-area::after { display: none !important; }
body.lp-modern .sign-area .i-checks { color: #475569 !important; font-weight: 500; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
body.lp-modern .forgot-header { background: none !important; color: #0b1437 !important; padding: 0 !important; margin: 0 0 16px !important; text-align: left !important; border: 0 !important; }
body.lp-modern .forgot-header h4 { color: #0b1437 !important; font-weight: 800; font-size: 20px !important; margin: 0 0 6px !important; }
body.lp-modern .forgot-header p, body.lp-modern .forgot-header small, body.lp-modern .forgot-header span { color: #64748b !important; font-size: 13.5px; }
/* v18: left panel content was pushed down by the old padding; background slider gets a soft overlay */
body.lp-modern .image-area { height: auto !important; }
body.lp-modern .image-area .content { height: auto !important; padding: 0 !important; margin: 0 !important; }
body.lp-modern .image-area .image-hader { padding-bottom: 6px !important; }
body.lp-modern .backstretch::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(11, 20, 55, .78), rgba(49, 46, 129, .62)); }
body.lp-modern .auth-main { position: relative; z-index: 1; }
body.lp-modern .slideIn > div { display: flex; }
body.lp-modern .image-area, body.lp-modern .sign-area { width: 100%; }
/* v20: social icons (the old span had its own box, border and shadow), centred logo + name, mobile */
body.lp-modern .f-social-links a span { width: auto !important; height: auto !important; line-height: 1 !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; background: none !important; font-size: 15px !important; position: static !important; overflow: visible !important; color: #fff !important; }
body.lp-modern .f-social-links a span::after { display: none !important; }
body.lp-modern .f-social-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
body.lp-modern .f-social-links a { margin: 0 !important; }
body.lp-modern .sign-hader { text-align: center !important; }
body.lp-modern .sign-hader img { display: block; margin: 0 auto; }
body.lp-modern .sign-area .form-group:last-of-type, body.lp-modern .sign-area form { width: 100%; }
@media (max-width: 767px) {
    body.lp-modern .auth-main { align-items: flex-start; min-height: 100vh; min-height: 100dvh; padding: 14px 0 28px; }
    body.lp-modern .auth-main .container { padding-left: 12px; padding-right: 12px; }
    body.lp-modern .sign-area { padding: 26px 18px 22px !important; }
    body.lp-modern .sign-area .btn, body.lp-modern .sign-area button[type="submit"] { display: block; max-width: 100%; margin: 0; }
}