:root{--color-background:#f5f7f7;--color-surface:#fff;--color-text:#172126;--color-muted:#5d6a70;--color-border:#d7dfe1;--color-brand:#0f5c5e;--color-environment-local:#1d4ed8;--color-environment-staging:#a16207;--color-environment-production:#b91c1c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-small:6px;--radius-medium:10px;--font-sans:Arial, Helvetica, sans-serif}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans)}.shell{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);max-width:640px;padding:var(--space-8);width:100%}.eyebrow,.summary{color:var(--color-muted)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:700}h1{margin:var(--space-3) 0;font-size:clamp(2rem,7vw,3rem);line-height:1.1}.summary{font-size:1rem;line-height:1.6}.environment{border-radius:var(--radius-small);align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-2) var(--space-3);text-transform:uppercase;border:1px solid;font-size:.8125rem;font-weight:700;display:inline-flex}.environment--local{color:var(--color-environment-local)}.environment--staging{color:var(--color-environment-staging)}.environment--production{color:var(--color-environment-production)}.environment__dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}