.login-container[data-v-0ac65c00]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f6f8fa}.login-container.dark-mode[data-v-0ac65c00]{background-color:#1e1e1e}.login-title[data-v-0ac65c00]{font-size:2rem;margin-bottom:2rem;color:#fff}.login-form[data-v-0ac65c00]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30rem;padding:2rem;background-color:#000007;border-radius:5px;box-shadow:0 2px 4px #0000001a}.login-form.dark-mode[data-v-0ac65c00]{background-color:#2d2d2d;color:#fff}.form-group[data-v-0ac65c00]{display:flex;flex-direction:column;margin-bottom:1rem}.form-label[data-v-0ac65c00]{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.form-label.dark-mode[data-v-0ac65c00]{color:#fff}.form-input[data-v-0ac65c00]{width:100%;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:5px}.form-input.dark-mode[data-v-0ac65c00]{background-color:#2d2d2d;color:#fff;border:1px solid #fff}.btn[data-v-0ac65c00]{padding:.5rem 1rem;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}.btn[data-v-0ac65c00]:hover{background-color:#0069d9}.btn.dark-mode[data-v-0ac65c00]{background-color:#fff;color:#000}.btn.dark-mode[data-v-0ac65c00]:hover{background-color:#2d2d2d;color:#fff}.error-message[data-v-0ac65c00]{margin-top:1rem;color:#dc3545;font-size:1rem}.error-message.dark-mode[data-v-0ac65c00]{color:#ff7b7b}.card-container{display:inline-block;white-space:nowrap;overflow-x:auto}.card{width:100px;height:150px;border:2px solid black;border-radius:10px;display:inline-block;margin-right:10px;cursor:pointer;transition:all .2s ease-in-out}.card:hover{transform:translateY(-10px)}.card-number{font-size:90%;text-align:center}.card-number2{font-size:90%;text-align:center;margin-top:50%}.card-color{font-size:90%;text-align:right;margin-right:10px}.card-wrapper{position:fixed;bottom:0;width:100%}