.card-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:transparent}.card{background-color:#ffffffbf;border:2px solid rgba(255,255,255,.5);border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000001a;width:75%;height:60vh;max-width:90%;display:flex;flex-direction:column;justify-content:space-between;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card.glow{animation:pulse 1s infinite;box-shadow:0 0 20px 2px #ccb46c}.card .card-header{display:flex;flex:1;justify-content:center;align-items:center;border-bottom:3px solid #e0e0e0}.card .card-header .header-image{max-width:15rem;max-height:15rem}.card .card-body{text-align:center;display:flex;flex:6;flex-direction:column;justify-content:center;align-items:center}.card .card-body img{width:15rem;height:15rem}.card .card-body button{padding:8px 12px;border:none;border-radius:10px;background-color:#ccb46c;color:#fff;cursor:pointer;transition:background-color .3s;margin-top:10px;width:12rem;height:3rem;font-size:x-large}.card .card-body .spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #ccb46c;width:40px;height:40px;animation:spin 1s linear infinite}.card .card-footer{display:flex;justify-content:center;align-items:center}.card .card-footer.success{background-color:#0f03;border-radius:8px}.card .card-footer.error{background-color:#f003;border-radius:8px}.card .card-footer .success-message{color:green;font-weight:700;padding:5px}.card .card-footer .error-message{color:red;font-weight:700;padding:5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 20px 2px #ccb46c}50%{box-shadow:0 0 30px 6px #ccb46c}to{box-shadow:0 0 20px 2px #ccb46c}}