html,
body {
  background:
    radial-gradient(circle at top left, rgba(137, 255, 90, 0.14), transparent 26%),
    radial-gradient(circle at top right, rgba(67, 209, 255, 0.1), transparent 20%),
    linear-gradient(180deg, #04080f 0%, #08111d 38%, #060b14 100%) !important;
}

body {
  color: #eff4fb !important;
}

#app {
  min-height: 100vh;
}

[data-v-84331c12].relative.flex.min-h-screen {
  background: transparent !important;
  padding: 24px !important;
}

[data-v-84331c12] .bg-gradient-to-br,
[data-v-84331c12] .pointer-events-none.absolute.inset-0.overflow-hidden {
  display: none !important;
}

[data-v-84331c12] .relative.z-10.w-full.max-w-md {
  max-width: 37rem !important;
}

[data-v-84331c12] .max-w-md {
  max-width: 34rem !important;
}

[data-v-84331c12] .inline-flex.h-16.w-16,
[data-v-84331c12] .card-glass.rounded-2xl.p-8.shadow-glass {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(10, 18, 30, 0.96), rgba(6, 10, 18, 0.98)) !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

[data-v-84331c12] .inline-flex.h-16.w-16 {
  border-radius: 1.2rem !important;
  background:
    linear-gradient(145deg, rgba(137, 255, 90, 0.18), rgba(67, 209, 255, 0.1)),
    rgba(10, 17, 27, 0.96) !important;
}

[data-v-84331c12] .text-gradient,
[data-v-b5422c64] h2 {
  color: #f8fbff !important;
  letter-spacing: -0.03em;
}

[data-v-84331c12] .text-sm.text-gray-500,
[data-v-84331c12] .text-xs.text-gray-400,
[data-v-b5422c64] p,
[data-v-b5422c64] .text-sm,
[data-v-b5422c64] .text-xs {
  color: rgba(214, 226, 237, 0.7) !important;
}

[data-v-b5422c64].space-y-6 {
  animation: login-rise 520ms cubic-bezier(0.19, 1, 0.22, 1) both;
}

[data-v-84331c12] .mb-8.text-center {
  margin-bottom: 1.5rem !important;
}

[data-v-84331c12] .card-glass.rounded-2xl.p-8.shadow-glass {
  position: relative;
  overflow: hidden;
}

[data-v-84331c12] .card-glass.rounded-2xl.p-8.shadow-glass::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(137, 255, 90, 0.05), transparent 30%),
    radial-gradient(circle at 100% 0%, rgba(67, 209, 255, 0.09), transparent 34%);
  pointer-events: none;
}

[data-v-b5422c64] .input-label {
  color: rgba(231, 241, 250, 0.82) !important;
  font-weight: 600;
}

[data-v-b5422c64] .input {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #eff4fb !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

[data-v-b5422c64] .input::placeholder {
  color: rgba(214, 226, 237, 0.4) !important;
}

[data-v-b5422c64] .input:focus {
  border-color: rgba(137, 255, 90, 0.38) !important;
  box-shadow:
    0 0 0 1px rgba(137, 255, 90, 0.2),
    0 0 0 5px rgba(137, 255, 90, 0.08) !important;
}

[data-v-b5422c64] .btn.btn-primary {
  background: linear-gradient(135deg, #8fff5a, #52ffbf) !important;
  color: #08100d !important;
  border: none !important;
  box-shadow: 0 16px 40px rgba(137, 255, 90, 0.18) !important;
}

[data-v-b5422c64] .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #eff4fb !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-v-b5422c64] .btn:hover {
  transform: translateY(-1px);
}

[data-v-b5422c64] .btn {
  min-height: 3rem !important;
  border-radius: 999px !important;
}

[data-v-b5422c64] a {
  color: #8fff5a !important;
}

@keyframes login-rise {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}