.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-box{width:100%;max-width:400px;margin:0 auto}.login-box .card{border:none;border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.login-box .card-header{background:#fff;border-bottom:1px solid #dee2e6;border-radius:15px 15px 0 0!important;padding:20px;text-align:center}.login-box .card-header img{max-height:80px;margin-bottom:10px}.login-box .card-body{padding:30px;background:#fff}.login-box .btn-primary{border:none;border-radius:8px;padding:12px;font-weight:600;transition:all .3s ease}.login-box .btn-primary:hover{background:linear-gradient(45deg,#5a6fd8,#6a42a0);transform:translateY(-1px);box-shadow:0 5px 15px #0003}.login-box .form-control{border-radius:8px;padding:12px 16px;border:1px solid #ced4da;font-size:14px}.login-box .form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.login-box .input-group-text{border-radius:0 8px 8px 0;background:#f8f9fa;border-left:none;color:#6c757d}.login-box .input-group .form-control{border-radius:8px 0 0 8px;border-right:none}.login-box .input-group .form-control:focus{border-color:#667eea;box-shadow:none}.login-box .input-group .form-control:focus+.input-group-append .input-group-text{border-color:#667eea}.login-box .login-box-msg{margin:0 0 20px;text-align:center;color:#495057;font-weight:500}.login-box .alert{margin-top:15px;border-radius:8px;border:none}.login-box .alert-danger{background:linear-gradient(45deg,#ff6b6b,#ffa07a);color:#fff}.login-box .alert-success{background:linear-gradient(45deg,#51cf66,#69db7c);color:#fff}.login-box a{color:#667eea;text-decoration:none}.login-box a:hover{color:#5a6fd8;text-decoration:underline}@media (max-width: 480px){.login-box{margin:10px}.login-box .card-body{padding:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-box{animation:fadeIn .5s ease-out}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}