/* [project]/src/styles/minimalist-theme.css [app-client] (css) */
@keyframes float-1 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  25% {
    transform: translateY(-20px)translateX(10px);
  }

  50% {
    transform: translateY(-10px)translateX(-5px);
  }

  75% {
    transform: translateY(-15px)translateX(5px);
  }
}

@keyframes float-2 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  33% {
    transform: translateY(-25px)translateX(-15px);
  }

  66% {
    transform: translateY(-5px)translateX(20px);
  }
}

@keyframes float-3 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  50% {
    transform: translateY(-30px)translateX(-10px);
  }
}

@keyframes float-4 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  25% {
    transform: translateY(-20px)translateX(15px);
  }

  75% {
    transform: translateY(-10px)translateX(-20px);
  }
}

@keyframes float-5 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  50% {
    transform: translateY(-35px)translateX(25px);
  }
}

@keyframes float-6 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  50% {
    transform: translateY(-15px)translateX(-30px);
  }
}

@keyframes float-7 {
  0%, 100% {
    transform: translateY(0)translateX(0);
  }

  33% {
    transform: translateY(-25px)translateX(10px);
  }

  66% {
    transform: translateY(-5px)translateX(-15px);
  }
}

@keyframes rotate-1 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-2 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes rotate-3 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(180deg);
  }
}

@keyframes pulse-1 {
  0%, 100% {
    opacity: .15;
    transform: scale(1);
  }

  50% {
    opacity: .25;
    transform: scale(1.2);
  }
}

@keyframes pulse-2 {
  0%, 100% {
    opacity: .2;
    transform: scale(1);
  }

  50% {
    opacity: .3;
    transform: scale(1.1);
  }
}

@keyframes scale-1 {
  0%, 100% {
    transform: scaleX(1);
  }

  50% {
    transform: scaleX(1.3);
  }
}

@keyframes stretch-1 {
  0%, 100% {
    transform: scaleX(1);
  }

  50% {
    transform: scaleX(1.5);
  }
}

.animate-float-1 {
  animation: 8s ease-in-out infinite float-1;
}

.animate-float-2 {
  animation: 10s ease-in-out infinite float-2;
}

.animate-float-3 {
  animation: 12s ease-in-out infinite float-3;
}

.animate-float-4 {
  animation: 9s ease-in-out infinite float-4;
}

.animate-float-5 {
  animation: 11s ease-in-out infinite float-5;
}

.animate-float-6 {
  animation: 7s ease-in-out infinite float-6;
}

.animate-float-7 {
  animation: 13s ease-in-out infinite float-7;
}

.animate-rotate-1 {
  animation: 20s linear infinite rotate-1;
}

.animate-rotate-2 {
  animation: 25s linear infinite rotate-2;
}

.animate-rotate-3 {
  animation: 15s linear infinite rotate-3;
}

.animate-pulse-1 {
  animation: 4s ease-in-out infinite pulse-1;
}

.animate-pulse-2 {
  animation: 6s ease-in-out infinite pulse-2;
}

.animate-scale-1 {
  animation: 5s ease-in-out infinite scale-1;
}

.animate-stretch-1 {
  animation: 3s ease-in-out infinite stretch-1;
}

:root {
  --primary-50: #f8fafc;
  --primary-100: #f1f5f9;
  --primary-200: #e2e8f0;
  --primary-300: #cbd5e1;
  --primary-400: #94a3b8;
  --primary-500: #64748b;
  --primary-600: #475569;
  --primary-700: #334155;
  --primary-800: #1e293b;
  --primary-900: #0f172a;
  --accent-blue: #0baaa8;
  --accent-blue-light: #0baaa8;
  --accent-blue-dark: #0a9a98;
  --accent-green: #6d5a9d;
  --accent-green-light: #6d5a9d;
  --accent-green-dark: #5a4a8a;
  --accent-purple: #6d5a9d;
  --accent-purple-light: #6d5a9d;
  --accent-purple-dark: #5a4a8a;
  --accent-orange: #d97706;
  --accent-orange-light: #fbbf24;
  --accent-orange-dark: #b45309;
  --glass-bg: rgba(255, 255, 255, .1);
  --glass-border: rgba(255, 255, 255, .2);
  --glass-shadow: rgba(0, 0, 0, .1);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
  --radius-sm: .375rem;
  --radius-md: .5rem;
  --radius-lg: .75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
}

.minimalist-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}

.minimalist-heading-1 {
  color: var(--primary-900);
  letter-spacing: -.025em;
  margin-bottom: .5rem;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.2;
}

.minimalist-heading-2 {
  color: var(--primary-800);
  letter-spacing: -.025em;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.minimalist-heading-3 {
  color: var(--primary-700);
  letter-spacing: -.025em;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
}

.minimalist-text {
  color: var(--primary-600);
  font-size: 1rem;
  line-height: 1.6;
}

.minimalist-text-sm {
  color: var(--primary-500);
  font-size: .875rem;
  line-height: 1.5;
}

.glass-card {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, .01);
  border: 1px solid rgba(255, 255, 255, .004);
}

.glass-card-hover {
  transition: all .3s;
}

.glass-card-hover:hover {
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
}

.minimalist-card {
  border: 1px solid var(--primary-200);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  background: rgba(255, 255, 255, .9);
  transition: all .2s;
}

.minimalist-card:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--primary-300);
}

.minimalist-button {
  border-radius: var(--radius-md);
  cursor: pointer;
  border: none;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .2s;
  display: inline-flex;
}

.minimalist-button-primary {
  color: var(--primary-700);
  box-shadow: var(--shadow-sm);
  background: rgba(100, 116, 139, .1);
  border: 1px solid rgba(100, 116, 139, .2);
}

.minimalist-button-primary:hover {
  color: #0baaa8;
  box-shadow: var(--shadow-md);
  background: rgba(11, 170, 168, .15);
  border-color: rgba(11, 170, 168, .3);
  transform: translateY(-1px);
}

.minimalist-button-secondary {
  color: var(--primary-600);
  background: rgba(255, 255, 255, .6);
  border: 1px solid rgba(100, 116, 139, .15);
}

.minimalist-button-secondary:hover {
  box-shadow: var(--shadow-sm);
  background: rgba(255, 255, 255, .8);
  border-color: rgba(100, 116, 139, .25);
}

.minimalist-button-ghost {
  color: var(--primary-500);
  background: none;
  border: 1px solid rgba(0, 0, 0, 0);
}

.minimalist-button-ghost:hover {
  background: rgba(100, 116, 139, .05);
  border-color: rgba(100, 116, 139, .1);
}

.minimalist-button-success {
  color: #6d5a9d;
  box-shadow: var(--shadow-sm);
  background: rgba(109, 90, 157, .1);
  border: 1px solid rgba(109, 90, 157, .2);
}

.minimalist-button-success:hover {
  box-shadow: var(--shadow-md);
  background: rgba(109, 90, 157, .15);
  border-color: rgba(109, 90, 157, .3);
  transform: translateY(-1px);
}

.minimalist-button-warning {
  color: var(--accent-orange-dark);
  box-shadow: var(--shadow-sm);
  background: rgba(245, 158, 11, .1);
  border: 1px solid rgba(245, 158, 11, .2);
}

.minimalist-button-warning:hover {
  box-shadow: var(--shadow-md);
  background: rgba(245, 158, 11, .15);
  border-color: rgba(245, 158, 11, .3);
  transform: translateY(-1px);
}

.minimalist-button-danger {
  color: #dc2626;
  box-shadow: var(--shadow-sm);
  background: rgba(239, 68, 68, .1);
  border: 1px solid rgba(239, 68, 68, .2);
}

.minimalist-button-danger:hover {
  box-shadow: var(--shadow-md);
  background: rgba(239, 68, 68, .15);
  border-color: rgba(239, 68, 68, .3);
  transform: translateY(-1px);
}

.minimalist-button-sm {
  height: 2rem;
  padding: 0 .75rem;
  font-size: .875rem;
}

.minimalist-button-md {
  height: 2.5rem;
  padding: 0 1rem;
  font-size: .875rem;
}

.minimalist-button-lg {
  height: 3rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}

.minimalist-badge {
  border-radius: var(--radius-sm);
  align-items: center;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-flex;
}

.minimalist-badge-primary {
  color: #0baaa8;
  background: rgba(11, 170, 168, .08);
  border: 1px solid rgba(11, 170, 168, .15);
}

.minimalist-badge-success {
  color: #6d5a9d;
  background: rgba(109, 90, 157, .08);
  border: 1px solid rgba(109, 90, 157, .15);
}

.minimalist-badge-warning {
  color: var(--primary-600);
  background: rgba(217, 119, 6, .08);
  border: 1px solid rgba(217, 119, 6, .15);
}

.minimalist-badge-neutral {
  color: var(--primary-500);
  background: rgba(100, 116, 139, .06);
  border: 1px solid rgba(100, 116, 139, .12);
}

.minimalist-input {
  border: 1px solid var(--primary-200);
  border-radius: var(--radius-md);
  width: 100%;
  color: var(--primary-700);
  background: rgba(255, 255, 255, .8);
  padding: .75rem 1rem;
  font-size: .875rem;
  transition: all .2s;
}

.minimalist-input:focus {
  border-color: var(--accent-blue);
  background: rgba(255, 255, 255, .95);
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .1);
}

.minimalist-fade-in {
  animation: .5s ease-out fadeIn;
}

.minimalist-slide-up {
  animation: .3s ease-out slideUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-reverse {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0);
  }
}

@media (max-width: 768px) {
  .minimalist-container {
    padding: 1rem;
  }

  .minimalist-heading-1 {
    font-size: 1.875rem;
  }
}

/*# sourceMappingURL=src_styles_minimalist-theme_d37ba01b.css.map*/