/* EPL Section Lock — Front-end form styles only */
.eplsl-form-wrap { width: 100%; }
.eplsl-error {
    display: flex; align-items: center; gap: 8px;
    background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b;
    border-radius: 8px; padding: 10px 14px; font-size: 14px; font-weight: 500;
    margin-bottom: 14px; animation: eplsl-shake .4s ease;
}
.eplsl-form-label { margin: 0 0 10px; font-size: 15px; opacity: .8; }
.eplsl-form { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.eplsl-input {
    width: 100%; padding: 12px 16px; font-size: 15px;
    border: 1.5px solid #d1d5db; border-radius: 8px;
    background: #fff; color: #1e1e2e; outline: none;
    transition: border-color .18s, box-shadow .18s;
}
.eplsl-input::placeholder { color: #9ca3af; }
.eplsl-input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.18); }
.eplsl-btn {
    width: 100%; padding: 12px 28px; font-size: 15px; font-weight: 600;
    background: #6366f1; color: #fff; border: none; border-radius: 8px;
    cursor: pointer; transition: background .18s, transform .1s;
}
.eplsl-btn:hover { background: #4f46e5; }
.eplsl-btn:active { transform: scale(.97); }
.eplsl-logout-wrap { text-align: center; padding: 12px; }
.eplsl-logout-link { color: #9ca3af; font-size: 12px; text-decoration: none; }
.eplsl-logout-link:hover { color: #6b7280; }
@keyframes eplsl-shake {
    0%,100% { transform: translateX(0); }
    20% { transform: translateX(-8px); }
    40% { transform: translateX(8px); }
    60% { transform: translateX(-5px); }
    80% { transform: translateX(5px); }
}