:root {
      --bg: #14532d;
      --text: #22c55e;
      --accent: #ecfdf5;
      --muted: #f59e0b;
      --font: 'Nunito Sans', 'Manrope', system-ui, sans-serif;
    }
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: var(--font);
      background: radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent),
        linear-gradient(165deg, #050816 0%, var(--bg) 45%, #050816 100%);
      color: var(--text);
      min-height: 100vh;
    }
    a { color: var(--accent); }
    .shell { max-width: 72rem; margin: 0 auto; padding: 0 1.25rem 4rem; }
    .nav {
      display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between;
      padding: 1.25rem 0; border-bottom: 1px solid color-mix(in srgb, var(--accent) 25%, transparent);
    }
    .nav a { text-decoration: none; color: var(--muted); font-weight: 600; font-size: 0.92rem; }
    .nav a:hover, .nav a[aria-current="page"] { color: var(--accent); }
    .logo { font-weight: 800; color: var(--text); text-decoration: none; }
    .hero { padding: 3.5rem 0 2rem; }
    .hero h1 { font-size: clamp(2.2rem, 5vw, 3.5rem); line-height: 1.05; margin: 0 0 1rem; }
    .lead { font-size: 1.15rem; line-height: 1.75; color: var(--muted); max-width: 42rem; }
    .grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); margin-top: 2rem; }
    .card {
      padding: 1.25rem; border-radius: 1rem;
      background: color-mix(in srgb, var(--text) 6%, transparent);
      border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
    }
    .btn {
      display: inline-block; margin-top: 1.5rem; padding: 0.85rem 1.35rem; border-radius: 0.75rem;
      background: var(--accent); color: #0b1020; font-weight: 700; text-decoration: none; border: 0;
      cursor: pointer;
    }
    .form-status { color: var(--accent); font-weight: 700; min-height: 1.25rem; }
    .section { padding: 2.5rem 0 1rem; }
    .section h2 { font-size: 1.75rem; margin: 0 0 1rem; }
    form { display: grid; gap: 0.75rem; max-width: 28rem; }
    label { font-size: 0.9rem; color: var(--muted); }
    input, textarea {
      width: 100%; padding: 0.7rem 0.85rem; border-radius: 0.6rem; border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
      background: color-mix(in srgb, var(--bg) 80%, #000); color: var(--text);
    }
    footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid color-mix(in srgb, var(--accent) 20%, transparent); color: var(--muted); font-size: 0.85rem; }