html,
body {
    overscroll-behavior: none;
    touch-action: pan-x pan-y;
    font-family: "Work Sans", sans-serif;
}

.login-card {
    max-width: 400px;
    width: 100%;
}

* {
    border-radius: 0 !important;
}

.text-gradient {
    font-weight: 700;
    background: linear-gradient(90deg, #00c6fb, #005bea);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

[data-bs-theme="dark"] {
    --bs-body-bg: #121212;
    --bs-body-color: #e0e0e0;

    --bs-primary: #bb86fc;
    --bs-secondary: #03dac6;

    --bs-card-bg: #1e1e1e;
    --bs-card-border-color: #333;

    --bs-btn-bg: #bb86fc;
    --bs-btn-border-color: #bb86fc;
    --bs-btn-hover-bg: #9a6dfd;

    --bs-form-control-bg: #1e1e1e;
    --bs-form-control-color: #fff;
    --bs-form-control-border-color: #444;

    --bs-modal-bg: #1a1a1a;
    --bs-modal-color: #eee;
}