:root{--charcoal:#1a1a1a;--emerald:#059669;--emerald-bright:#10b981;--mint:#a7f3d0;--tint:#ecfdf5;--tint-warm:#f7f9f8;--border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#fff;color:var(--charcoal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.55}a{color:var(--emerald);text-decoration:none}button{font-family:inherit}.btn{display:inline-block;background:var(--emerald);color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer}.btn:hover{background:var(--emerald-bright)}.wordmark{font-weight:800;font-size:20px;color:var(--charcoal)}.wordmark span{color:var(--emerald)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.card.locked{background:var(--tint-warm)}.badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--emerald);background:var(--tint);border-radius:999px;padding:3px 10px}.badge.gray{color:#6b7280;background:#f3f4f6}@media (max-width:781px){.grid{grid-template-columns:1fr!important}}