:root { color-scheme: dark; }
    html { scroll-behavior: smooth; }
    body {
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at top, rgba(79,70,229,0.18), transparent 35%),
        radial-gradient(circle at 80% 10%, rgba(59,130,246,0.14), transparent 30%),
        linear-gradient(180deg, #020617 0%, #0f172a 100%);
    }
    textarea[readonly] { resize: none; }
    .glass {
      background: rgba(15, 23, 42, 0.72);
      backdrop-filter: blur(14px);
      border: 1px solid rgba(148, 163, 184, 0.10);
      box-shadow: 0 20px 45px rgba(2, 6, 23, 0.35);
    }
    .soft-card {
      background: linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(15, 23, 42, 0.72));
      border: 1px solid rgba(148, 163, 184, 0.10);
      box-shadow: 0 20px 45px rgba(2, 6, 23, 0.28);
    }
    .hero-grid {
      background-image:
        linear-gradient(rgba(99,102,241,0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(99,102,241,0.08) 1px, transparent 1px);
      background-size: 34px 34px;
    }
    .shadow-brand { box-shadow: 0 18px 45px rgba(79, 70, 229, 0.18); }