:root {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-rounded, "SF Pro Rounded", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0;
}

h1,
h2,
h3 {
  text-wrap: balance;
}

p {
  text-wrap: pretty;
}

a,
button,
summary {
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 2px solid #adfa52;
  outline-offset: 3px;
}

::selection {
  color: #0e0f11;
  background: #adfa52;
}

[x-cloak] {
  display: none !important;
}

.assistela-bg {
  background:
    radial-gradient(circle at 12% 0%, rgba(173, 250, 82, 0.12), transparent 28rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(173, 250, 82, 0.028) 36%, rgba(0, 0, 0, 0.22)),
    #0e0f11;
}

.panel-glow {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.012)),
    rgba(27, 29, 33, 0.86);
}

.app-surface {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(173, 250, 82, 0.018)),
    #0e0f11;
}

.accent-shadow {
  box-shadow: 0 18px 40px rgba(173, 250, 82, 0.16);
}