:root {
    --primary: 215 100% 61%;
    --foreground: 0 0% 100% !important;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --card: 0 0% 5%;
    --border: 0 0% 20%;
    --muted: 0 0% 10%;
    --muted-foreground: 0 0% 70%;
    --background: 0 0% 0%;
}

.container {
    max-width: 87.7565% !important;
    padding: 0px;
    width: 1684px;
}

.from-primary {
    --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary {
    --tw-gradient-to: hsl(var(--primary)) var(--tw-gradient-to-position);
}

.from-primary\/20 {
    --tw-gradient-from: hsl(var(--primary) / 0.2)
        var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-primary\/10 {
    --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position);
}

.from-muted-foreground {
    --tw-gradient-from: hsl(var(--muted-foreground))
        var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--muted-foreground) / 0)
        var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-muted-foreground\/50 {
    --tw-gradient-to: hsl(var(--muted-foreground) / 0.5)
        var(--tw-gradient-to-position);
}

.bg-card {
    background-color: hsl(var(--card));
}

.bg-card\/90 {
    background-color: hsl(var(--card) / 0.9);
}

.bg-card\/95 {
    background-color: hsl(var(--card) / 0.95);
}

.bg-primary\/10 {
    background-color: hsl(var(--primary) / 0.1);
}

.border-primary\/20 {
    border-color: hsl(var(--primary) / 0.2) !important;
}

.border-primary-width {
    border-width: 1px;
}

.border-border {
    border: 1px solid hsl(var(--border)) !important;
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.container-custom {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.text-primary {
    color: #298dff;
}

.bg-primary {
    background-color: #298dff;
}

.group:hover .group-hover\:text-primary {
    color: hsl(var(--primary));
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}

.text-muted-foreground\/80 {
    color: hsl(var(--muted-foreground) / 0.8);
}

.p-4 {
    padding: 1rem !important;
}

.from-gray-900 {
    --tw-gradient-from: #111827 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-blue-900\/20 {
    --tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        rgb(30 58 138 / 0.2) var(--tw-gradient-via-position),
        var(--tw-gradient-to);
}

.to-\[\#3789ff\]\/10 {
    --tw-gradient-to: rgb(55 137 255 / 0.1) var(--tw-gradient-to-position);
}

.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.error {
    color: #ff0000;
    font-size: 12px;
}