.login-container{align-items:center;background:#f7fafc;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#fff;border:1px solid #e9ecef;border-radius:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);max-width:450px;overflow:hidden;padding:3rem;position:relative;width:100%}.login-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12);transform:translateY(-2px)}.login-header{margin-bottom:2.5rem;text-align:center}.login-header .login-title{align-items:center;color:#2d3748;display:flex;font-size:2.5rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:.75rem}.login-header .login-title i{color:#667eea;font-size:2.25rem}.login-header .login-subtitle{color:#4a5568;font-size:1.1rem;font-weight:500}.login-body .form-group{margin-bottom:1.5rem;position:relative}.login-body .form-group .form-label{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.login-body .form-group .form-label i{color:#667eea;font-size:1rem;margin-right:.5rem}.login-body .form-group .form-control{background:#f8f9fa;border:2px solid #e9ecef;border-radius:1rem;font-size:1rem;font-weight:500;padding:1.25rem 1.5rem;transition:all .3s ease;width:100%}.login-body .form-group .form-control:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);outline:none;transform:translateY(-1px)}.login-body .form-group .form-control::-moz-placeholder{color:#6c757d;font-weight:400}.login-body .form-group .form-control::placeholder{color:#6c757d;font-weight:400}.login-body .login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s ease;width:100%}.login-body .login-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-body .login-button:hover:before{left:100%}.login-body .login-button:hover{box-shadow:0 12px 35px rgba(102,126,234,.4);transform:translateY(-3px)}.login-body .login-button:active{transform:translateY(-1px)}.login-body .login-link{border-radius:.75rem;color:#667eea;display:block;font-weight:500;padding:.75rem;text-align:center;text-decoration:none;transition:all .3s ease}.login-body .login-link:hover{background:rgba(102,126,234,.05);color:#764ba2;text-decoration:none;transform:translateY(-1px)}.login-body .login-alert{background:hsla(0,88%,68%,.1);border:1px solid hsla(0,88%,68%,.2);border-left:4px solid #f56565;border-radius:1rem;color:#c53030;font-size:.95rem;margin-bottom:1.5rem;padding:1.25rem}.login-body .login-alert i{margin-right:.5rem}@media(max-width:768px){.login-container{padding:1rem}.login-card{border-radius:1.25rem;padding:2rem}.login-header{margin-bottom:2rem}.login-header .login-title{font-size:2rem}.login-header .login-title i{font-size:1.75rem}.login-header .login-subtitle{font-size:1rem}.login-body .form-group{margin-bottom:1.25rem}.login-body .form-group .form-control{font-size:.95rem;padding:1rem 1.25rem}.login-body .login-button{font-size:.95rem;padding:1rem 1.5rem}}@media(min-width:769px)and (max-width:1199px){.login-container{padding:1.5rem}.login-card{max-width:400px;padding:2.5rem}.login-header .login-title{font-size:2.25rem}}@media(min-width:1200px){.login-container{padding:2rem}.login-card{max-width:500px;padding:3.5rem}.login-header{margin-bottom:3rem}.login-header .login-title{font-size:2.75rem}.login-header .login-title i{font-size:2.5rem}.login-header .login-subtitle{font-size:1.2rem}.login-body .form-group{margin-bottom:1.75rem}.login-body .form-group .form-control{font-size:1.05rem;padding:1.5rem 2rem}.login-body .login-button{font-size:1.1rem;padding:1.5rem 2.5rem}}