@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&display=swap";
/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --background: #050811;
  --foreground: #fff;
  --primary: #f8c12b;
  --primary-glow: #f8c12b66;
  --secondary: #3b82f6;
  --accent: #f43f5e;
  --glass: #ffffff08;
  --glass-border: #ffffff14;
  --glass-shadow: 0 20px 50px #00000080;
  --gradient: linear-gradient(135deg, #0f172a 0%, #020617 100%);
  --accent-gradient: linear-gradient(90deg, #f8c12b, #f87171);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: var(--background);
  color: var(--foreground);
  background: radial-gradient(circle at 50% -20%, #1e293b 0%, #050811 100%);
  min-height: 100vh;
  font-family: Outfit, sans-serif;
  overflow-x: hidden;
}

.glass {
  background: var(--glass);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

.card {
  border-radius: 32px;
  padding: 2.5rem;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
}

.card:hover {
  border-color: #fff3;
  transform: translateY(-8px);
  box-shadow: 0 40px 80px #0009;
}

.btn {
  cursor: pointer;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: 1rem 2rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  transition: all .3s cubic-bezier(.34, 1.56, .64, 1);
  display: inline-flex;
}

.btn-primary {
  background: var(--primary);
  color: #000;
  box-shadow: 0 0 20px var(--primary-glow);
}

.btn-primary:hover {
  box-shadow: 0 0 30px var(--primary-glow);
  transform: scale(1.05);
}

.btn-ghost {
  color: var(--foreground);
  border: 1px solid var(--glass-border);
  background: #ffffff0d;
}

.btn-ghost:hover {
  background: #ffffff1a;
  transform: translateY(-2px);
}

h1 {
  letter-spacing: -.05em;
  line-height: 1.1;
}

.gradient-text {
  background: var(--accent-gradient);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

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

.animate-up {
  animation: .8s cubic-bezier(.23, 1, .32, 1) forwards fadeInUp;
}

.word-cloud-item {
  cursor: default;
  transition: all .5s;
  display: inline-block;
}

input {
  border: 1px solid var(--glass-border);
  color: #fff;
  background: #ffffff0d;
  border-radius: 16px;
  padding: 1rem 1.5rem;
  font-family: inherit;
  font-size: 1.1rem;
  transition: all .3s;
}

input:focus {
  border-color: var(--primary);
  background: #ffffff14;
  outline: none;
  box-shadow: 0 0 20px #f8c12b1a;
}

/*# sourceMappingURL=src_app_globals_91e4631d.css.map*/