:root {
  --glass-bg: rgba(255,255,255,0.06);
  --glass-brd: rgba(255,255,255,0.15);
  --glass-soft: rgba(255,255,255,0.04);
  --grad-1: #6d5efc;
  --grad-2: #00e0ff;
}

/* Fundo com gradiente suave */
.app-bg {
  position: fixed; inset: 0;
  background: radial-gradient(1200px 600px at 10% 10%, rgba(109,94,252,0.25), transparent 60%),
              radial-gradient(1000px 500px at 90% 20%, rgba(0,224,255,0.25), transparent 60%),
              radial-gradient(800px 400px at 60% 80%, rgba(255, 255, 255, 0.05), transparent 60%);
  z-index: -1;
  filter: blur(0.3px);
}

/* Glassmorphism */
.glass {
  background: var(--glass-bg);
  border: 1px solid var(--glass-brd);
  border-radius: 16px;
  backdrop-filter: blur(8px);
}
.glass-soft {
  background: var(--glass-soft);
  border-radius: 14px;
  backdrop-filter: blur(6px);
}

/* Hero card */
.card-hero {
  border-radius: 16px;
  border: 1px solid var(--glass-brd);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
}

/* Tipografia */
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }

/* Gradiente no texto */
.gradient-text {
  background: linear-gradient(90deg, var(--grad-1), var(--grad-2));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Animações sutis */
.fade-in-up { animation: fadeUp .6s ease both; }
.fade-in-up-2 { animation: fadeUp .7s ease .08s both; }
.fade-in-up-3 { animation: fadeUp .8s ease .16s both; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Ajustes responsivos */
.hero { padding-block: clamp(2rem, 4vw, 4rem); }