:root{--bjn-primary:#2c5282;--bjn-primary-hover:#1e3a5f;--bjn-primary-light:#3b82c4;--bjn-secondary:#63b3ed;--bjn-red:#ef4444;--bjn-bg-light:#f7fafc;--bjn-text-dark:#1a202c;--bjn-accent:#4299e1;--bjn-muted:#a0aec0}body.login-page{background:linear-gradient(160deg,#0f2037,#1a365d 40%,#2c5282);min-height:100vh;overflow:hidden;position:relative}body.login-page:before{background:radial-gradient(circle,rgba(66,153,225,.12) 0,transparent 70%);height:700px;right:-15%;top:-30%;width:700px}body.login-page:after,body.login-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}body.login-page:after{background:radial-gradient(circle,rgba(99,179,237,.08) 0,transparent 70%);bottom:-25%;height:550px;left:-10%;width:550px}body.login-page .main{position:relative;z-index:1}.login-card{background:#fff;border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;box-shadow:0 10px 40px rgba(15,32,55,.25),0 2px 8px rgba(15,32,55,.08);overflow:hidden}.login-card .card-body{padding:2.75rem 2.5rem}.login-page .btn-primary{background:#2c5282;border:none;border-radius:.625rem;box-shadow:0 4px 14px rgba(44,82,130,.35);font-weight:600;letter-spacing:.3px;padding:.875rem 1.5rem;transition:all .25s ease}.login-page .btn-primary:focus,.login-page .btn-primary:hover{background:#1e3a5f;box-shadow:0 6px 20px rgba(30,58,95,.45);transform:translateY(-2px)}.login-page .btn-primary:active{background:#1a365d;box-shadow:0 2px 8px rgba(30,58,95,.3);transform:translateY(0)}.login-page .form-control{background-color:#f7fafc;border:1.5px solid #e2e8f0;border-radius:.625rem;font-size:.9375rem;padding:.8rem 1rem;transition:all .2s ease}.login-page .form-control:focus{background-color:#fff;border-color:#2c5282;box-shadow:0 0 0 3px rgba(44,82,130,.12)}.login-page .form-control::placeholder{color:#a0aec0}.login-page .form-label{color:#2d3748;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-page .input-group-merge .input-group-text{background-color:#f7fafc;border:1.5px solid #e2e8f0;border-left:none;border-radius:0 .625rem .625rem 0;color:#718096;cursor:pointer;transition:all .2s ease}.login-page .input-group-merge .form-control{border-radius:.625rem 0 0 .625rem;border-right:none}.login-page .input-group-merge .form-control:focus+.input-group-append .input-group-text,.login-page .input-group-merge .form-control:focus~.input-group-text{background-color:#fff;border-color:#2c5282}.login-page .input-group-merge .input-group-text:hover{color:#2c5282}.login-page .alert-soft-danger{background-color:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);border-radius:.625rem;color:#e53e3e;font-size:.875rem;padding:.875rem 1.125rem}.login-page .alert-soft-danger i{color:#e53e3e}.login-header{margin-bottom:2rem}.login-header h1{color:#1a202c;font-weight:700;margin-bottom:.375rem}.login-header p{color:#718096;font-size:.9375rem}.login-logo{margin-bottom:2rem;text-align:center}.login-logo img{filter:drop-shadow(0 4px 16px rgba(15,32,55,.18));height:auto;max-width:170px;transition:transform .3s ease}.login-logo:hover img{transform:scale(1.03)}.login-footer{margin-top:2rem;text-align:center}.login-footer p{color:hsla(0,0%,100%,.7);font-size:.8125rem;letter-spacing:.2px;margin-bottom:.25rem}.login-footer a{color:hsla(0,0%,100%,.85);text-decoration:underline;transition:color .2s ease}.login-footer a:hover{color:#fff}@media (max-width:576px){.login-card .card-body{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.login-logo img{max-width:140px}.login-page .btn-primary{padding:.75rem 1.25rem}body.login-page:after,body.login-page:before{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .5s ease-out}.login-logo{animation:fadeInUp .5s ease-out .05s both}@media (max-height:799px) and (min-width:577px){body.login-page .container{padding-bottom:2rem!important;padding-top:2rem!important}.login-card .card-body{padding:2rem}.login-logo{margin-bottom:1.25rem}.login-logo img{max-width:130px}.login-header{margin-bottom:1.5rem}.login-footer{margin-top:1.25rem}}