:root{--bjn-primary:#a21caf;--bjn-primary-hover:#86178f;--bjn-secondary:#c084fc;--bjn-red:#ef4444;--bjn-bg-light:#f3f4f6;--bjn-text-dark:#1c170d;--bjn-accent:#d79c80;--bjn-muted:#ae99a0}body.login-page{background:linear-gradient(135deg,#c084fc,#a21caf);min-height:100vh}.login-card{background:#fff;border:none;border-radius:1.5rem;box-shadow:0 20px 60px rgba(162,28,175,.25);overflow:hidden}.login-card .card-body{padding:3rem 2.5rem}.btn-primary{background:linear-gradient(135deg,#a21caf,#c084fc);border:none;box-shadow:0 4px 15px rgba(162,28,175,.3);font-weight:600;letter-spacing:.3px;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary:focus,.btn-primary:hover{background:linear-gradient(135deg,#86178f,#a855f7);box-shadow:0 6px 20px rgba(162,28,175,.4);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.form-control{border:2px solid #d9d9d9;border-radius:.75rem;font-size:.9375rem;padding:.875rem 1rem;transition:all .2s ease}.form-control:focus{background-color:#fff;border-color:#a21caf;box-shadow:0 0 0 .2rem rgba(162,28,175,.15)}.form-control::placeholder{color:#ae99a0}.form-label{color:#444;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.input-group-merge .input-group-text{background-color:transparent;border:2px solid #d9d9d9;border-left:none;border-radius:0 .75rem .75rem 0;color:#6f6f6f;cursor:pointer;transition:all .2s ease}.input-group-merge .form-control{border-radius:.75rem 0 0 .75rem;border-right:none}.input-group-merge .input-group-text:hover{color:#a21caf}.alert-soft-danger{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.75rem;color:#ef4444;padding:1rem 1.25rem}.alert-soft-danger i{color:#ef4444}.login-header{margin-bottom:2rem}.login-header h1{color:#1c170d;font-weight:700;margin-bottom:.5rem}.login-header p{color:#6f6f6f;font-size:1rem}.login-logo{margin-bottom:2.5rem;text-align:center}.login-logo img{filter:drop-shadow(0 4px 12px rgba(162,28,175,.15));height:auto;max-width:200px;transition:transform .3s ease}.login-logo:hover img{transform:scale(1.05)}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:#fff;font-size:.875rem;margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.1)}.login-footer a{color:#fff;text-decoration:underline;transition:opacity .2s ease}.login-footer a:hover{opacity:.8}@media (max-width:576px){.login-card .card-body{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.login-logo img{max-width:160px}.btn-primary{padding:.75rem 1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease-out}