:root {
  --bg: #f3fbf8;
  --bg-soft: #ffffffcc;
  --panel: #ffffffd8;
  --text: #13342d;
  --muted: #5a7971;
  --line: #d6ebe4;
  --primary: #38b591;
  --primary-strong: #269a79;
  --accent: #7fd7c0;
  --shadow: 0 20px 60px rgba(26, 93, 76, 0.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  background: linear-gradient(180deg, #f5fffb 0%, #edf8f4 100%);
  color: var(--text);
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
input, textarea, button {
  font: inherit;
}
input, textarea {
  width: 100%;
  padding: .95rem 1rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: white;
}
textarea { resize: vertical; }
label { display: grid; gap: .5rem; font-weight: 600; color: var(--muted); }

.page-shell, .admin-shell, .login-shell {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
}
.page-shell { padding: 2rem 0 4rem; }
.login-body, .admin-body { min-height: 100vh; }

.bg-orb {
  position: fixed;
  width: 28rem;
  height: 28rem;
  border-radius: 999px;
  filter: blur(40px);
  opacity: .28;
  pointer-events: none;
}
.orb-a { background: #8fe0ca; top: -8rem; left: -8rem; }
.orb-b { background: #caeec8; right: -8rem; top: 30%; }